@charset "UTF-8";
/* Scss Document */
.bluefont {
  color: #2fb2b9; }

.bluefont2 {
  color: #208e94; }

.titlefont2 {
  font-weight: bold;
  font-size: 1.25em; }

.greenf1 {
  color: #2fb2b9; }

.greenf2 {
  color: #208e94; }

a.greenf1 {
  color: #2fb2b9; }

a.greenf2 {
  color: #208e94; }

.greenf1b {
  color: #2fb2b9;
  font-weight: bold; }

.greenf2b {
  color: #208e94;
  font-weight: bold; }

@media (max-width: 680px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto;
    padding-top: 100px; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_cc_s.jpg");
    z-index: 799;
    background-size: 110%; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_cc_s.jpg") center no-repeat;
    background-size: cover;
    background-position: center;
    background-size: 110%; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual.jpg); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    background-color: #E6E6E6; }

  #contents3 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #FFF; }

  .con_area3 {
    width: 90%;
    padding: 30px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .con_area3_2 {
    width: 90%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .cases_title {
    width: 254px;
    margin: 0 auto; }

  .cases_title1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #208e94;
    font-size: 0.95em !important; }

  .cases_title2 {
    width: 164px;
    margin: 0 auto; }

  .cases_title3 {
    width: 100%;
    margin: 0 auto;
    padding: 30px　0;
    border-top: 1px solid #208e94;
    border-bottom: 1px solid #208e94;
    font-size: 1.1em;
    color: #208e94;
    text-align: center; }

  .cases_textarea {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center; }

  .casestext {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext iframe {
      width: 100%; }

  .casestext1 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext1 iframe {
      width: 100%; }

  .casestext2 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext2 iframe {
      width: 100%; }

  .casestext3 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext3 iframe {
      width: 100%; }

  .casesphoto {
    width: 80%;
    padding: 30px 0;
    text-align: left; }
    .casesphoto img {
      width: 100%; }
    .casesphoto iframe {
      width: 100%; }

  .sentence {
    width: 100%;
    padding-top: 20px; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 0 0 50px;
    position: relative;
    z-index: 899; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; } }
@media screen and (min-width: 681px) and (max-width: 1040px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 40%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_cc.jpg");
    z-index: 799; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_cc.jpg") center no-repeat;
    background-size: cover;
    background-position: center; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual.jpg); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    background-color: #E6E6E6; }

  #contents3 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #FFF; }

  .con_area3 {
    width: 80%;
    padding: 30px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .con_area3_2 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .cases_title {
    width: 254px;
    margin: 0 auto; }

  .cases_title1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #208e94; }

  .cases_title2 {
    width: 164px;
    margin: 0 auto; }

  .cases_title3 {
    width: 100%;
    margin: 30px auto 0;
    padding: 30px　0;
    border-top: 1px solid #208e94;
    border-bottom: 1px solid #208e94;
    font-size: 1.1em;
    color: #208e94;
    text-align: center; }

  .cases_textarea {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center; }

  .casestext {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext iframe {
      width: 100%; }

  .casestext1 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext1 iframe {
      width: 100%; }

  .casestext2 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext2 iframe {
      width: 100%; }

  .casestext3 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext3 iframe {
      width: 100%; }

  .casesphoto {
    width: 60%;
    padding: 30px 0;
    text-align: left; }
    .casesphoto img {
      width: 100%; }
    .casesphoto iframe {
      width: 100%; }

  .sentence {
    width: 100%;
    padding-top: 20px; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 0 0 50px;
    position: relative;
    z-index: 899; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; } }
@media (min-width: 1041px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 28%;
    background-position: left 55%;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_cc.jpg");
    z-index: 799; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_cc.jpg") center no-repeat;
    background-size: cover; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual.jpg); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    background-color: #E6E6E6; }

  #contents3 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #FFF; }

  .con_area3 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .con_area3_2 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .cases_title {
    width: 254px;
    margin: 0 auto; }

  .cases_title1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #208e94; }

  .cases_title2 {
    width: 164px;
    margin: 0 auto; }

  .cases_title3 {
    width: 100%;
    margin: 0 auto;
    padding: 30px　0;
    border-top: 1px solid #208e94;
    border-bottom: 1px solid #208e94;
    font-size: 1.1em;
    color: #208e94;
    text-align: center; }

  .cases_textarea {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center; }

  .casestext {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext iframe {
      width: 100%; }

  .casestext1 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext1 iframe {
      width: 100%; }

  .casestext2 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext2 iframe {
      width: 100%; }

  .casestext3 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; }
    .casestext3 iframe {
      width: 100%; }

  .casesphoto {
    width: 60%;
    padding: 30px 0;
    text-align: left; }
    .casesphoto img {
      width: 100%; }
    .casesphoto iframe {
      width: 100%; }

  .sentence {
    width: 100%;
    padding-top: 20px; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area4 {
    width: 1000px;
    padding: 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; } }