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

/* fallback */


.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}



#content_wrapper .hs-a span {
  visibility: visible;
  color: #00bfd1;
}

.hs-white {
  color: #fff;
}
.hs-blue {
  color: #00bfd1;
}

main {
  display: block;
}

/* ===============================================
å±•ç¤ºå ´ モーダル
=============================================== */

.modalhouse-modal * {
  box-sizing: border-box;
}

.modalhouse-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;

  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.modalhouse-modal.is-show {
  opacity: 1;
  pointer-events: auto;
}

.modalhouse-modal__overlay {
  background: #000000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modalhouse-modal__content {
  position: relative;
  background: #ffffff;
}

.modalhouse-modal__ttl {
  text-align: center;
}

.modalhouse-modal__table {
  border-top: 1px solid #44b3c6;
  border-bottom: 1px solid #44b3c6;
}

.modalhouse-modal__dt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  flex: none;
  font-size: 16px;
  color: #333333;
}

.modalhouse-modal__dd li a {
  font-size: 16px;
  transition: opacity 0.2s;
}

.modalhouse-modal__close {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}

.modalhouse-modal__close:hover {
  opacity: 0.7;
}

.modalhouse-modal__cross {
  margin-right: 4px;
}

.modalhouse-modal__cross span {
  display: block;
  width: 34px;
  height: 1px;
  background-color: #44b3c6;
}

.modalhouse-modal__cross span:nth-child(1) {
  transform: rotate(45deg);
}
.modalhouse-modal__cross span:nth-child(2) {
  transform: rotate(-45deg);
}

.modalhouse-modal__closeText {
  color: #44b3c6;
}

/* ===============================================
レスポンシブ
=============================================== */

@media (min-width: 751px) {
  .pc {
    display: block;
  }
  .sp {
    display: none !important;
  }
}

@media (max-width: 750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}

@media (min-width: 751px) {
  .pc-iln {
    display: inline;
  }
  .sp-iln {
    display: none !important;
  }
}

@media (max-width: 750px) {
  .pc-iln {
    display: none !important;
  }
  .sp-iln {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .pcOnly {
    display: block;
  }
  .notPc {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .pcOnly {
    display: none !important;
  }
  .notPc {
    display: block;
  }
}

@media (min-width: 751px) {
  .cover {
    margin-top: -1px;
    width: 100%;
    height: 100%;
    z-index: 100000;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
    display: none;
  }
  .pop_cnt {
    width: 230px;
    height: 170px;
    z-index: 100000;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    margin: -115px 0 0 -115px;
    background-color: #fff;
  }

  .pop_cnt p {
    width: 180px;

    position: absolute;
    top: 30px;
    left: 30px;
    margin: 0 auto;
  }
  .pop_btn01 {
    z-index: 100000;
    position: absolute;
    left: 30px;
    top: 130px;
    color: black;
    display: block;
  }

  .pop_btn02 {
    z-index: 100000;
    position: absolute;
    left: 160px;
    top: 130px;
    color: black;
    display: block;
  }

/*
  * {
    margin: 0;
  }
  html,
  body {
    height: 100%;
  }
*/
  #ev02 {
    overflow: hidden;
    width: 80px;
    height: 75;
    position: relative;
    outline: none !important;
    scrolling: no !important;
    border: 0 !important;
    frameborder: 0 !important;
    allowtransparency: true !important;
    background-color: #fff;
  }

  li {
    list-style: none;
  }

  #cnt00 {
    background-color: #f1f1f1;
  }

  #cnt02 {
    width: 960px;
    clear: both;
    height: 300px;
    background-color: #f1f1f1;
    display: block;
    overflow: hidden;
  }

  #cnt02 h3 {
    padding-top: 20px;
  }

  #cntBlock00 {
    width: 960px;
    height: 30px;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #666666;
    overflow: hidden;
  }

  #cntBlock00 ul {
    position: relative;
    margin-top: 10px;
    padding: 0;
  }

  #cntBlock00 ul li {
    display: inline;
    position: relative;
    margin: 0;
    padding: 0;
    color: #666666;
  }

  #cntBlock00 ul li a {
    color: #666666;
  }

  #cntBlock00 ul li a:hover {
    text-decoration: underline;

    color: #666666;
  }

  img {
    margin: 0;
    padding: 0;
    border: 0;
  }

  #contentline04 {
    width: 910px;
    height: 1px;
    position: relative;

    padding: 0;
    display: block;
    margin-top: 70px;
    margin-bottom: 40px;
  }

  #allarea {
    width: 910px;
    position: relative;
    margin-left: 20px;
    padding-bottom: 50px;
    display: block;
    overflow: hidden;
    position: relative;
  }

  #allarea .leftBlock01 {
    float: left;
    width: 440px;
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    height: 200px;
  }

  #allarea .rightBlock01 {
    float: left;
    width: 440px;
    position: relative;
    margin-left: 30px;
    padding: 0;
    display: block;
    overflow: hidden;
    height: 200px;
  }

  /* #contentBody */
  #contentBody {
    margin: 0;
    padding: 0;
    background-color: #f0ede1;
    position: relative;
    overflow: hidden;
    clear: both;
  }

  /* #contentarea */
  #contentarea {
    float: left;
    width: 960px;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  #contentarea_02 {
    float: left;
    width: 960px;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../../img/index_bg_001.gif) repeat-y;
    background-position: 715px 897px;
  }

  /* .header */

  .header {
    z-index: 9999;
    width: 100%;
    position: relative;
    /* height: 172px; */
    height: 158px;
    /* margin-top: -1px; */
  }

  .header .fixbar {
    padding: 0px;
    position: relative;
    width: 100%;
    z-index: 9999;
    background-color: #00abba;
    margin-top: 0px;
    position: fixed;
    /* height: 172px; */
    height: auto;
  }

  #headerarea span {
    visibility: hidden;
  }

  #headerarea {
    width: 960px;
    /*	height:98px;*/
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0;
  }

  .head_block01 {
    width: 960px;
    height: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    left: 30px;
  }

  .head_block01 ul {
    width: 456px;
    height: 17px;
    margin: 16px 0 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .head_block01 ul li {
    list-style: none;
    position: relative;
    float: left;
    position: relative;
    display: block;
    /* height:17px; */
    border-right: 1px solid #fff;
    padding-left: 8px;
    padding-right: 8px;
  }
  .head_block01 ul li:first-child {
    padding-left: 0;
  }
  .head_block01 ul li:last-child {
    border-right: none;
    padding-right: 0;
  }

  /* .head_block01 ul .li01 {width:126px;}
.head_block01 ul .li02 {width:129px;}
.head_block01 ul .li03 {width:84px;}
.head_block01 ul .li04 {width:93px;} */

  .head_block01 ul li a {
    display: block;
    list-style: none;
    position: relative;
    /* height:17px; */
    color: #efefef;
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .head_block01 ul li a:hover {
    color: #ccc;
  }

  /* .head_block01 ul .li01 a{background-position:0 0; width:126px;}
.head_block01 ul .li01 a:hover{background-position:0 -17px;}
.head_block01 ul .li02 a{background-position:-126px 0; width:129px;}
.head_block01 ul .li02 a:hover{background-position:-126px -17px;}
.head_block01 ul .li03 a{background-position:-255px 0; width:84px;}
.head_block01 ul .li03 a:hover{background-position:-255px -17px;}
.head_block01 ul .li04 a{background-position:-339px 0; width:93px;}
.head_block01 ul .li04 a:hover{background-position:-339px -17px;} */

  .head_block02 {
    display: block;
    position: relative;
    width: 960px;
    clear: both;
    /*	overflow: hidden;*/
  }

  .head_block02-head {
    display: block;
    float: left;
    position: relative;
    margin: -14px 0 0 0;
  }

  .head_block02 ul {
    overflow: hidden;
    width: 517px;
    height: 37px;
    margin: 12px 0 14px;
    padding: 0;
    display: block;
    float: right;
    position: relative;
  }

  .head_block02 ul li {
    list-style: none;
    float: left;
    display: block;
    height: 37px;
  }

  .head_block02 ul li a {
    display: block;
    /* background: url(/products/3f/common/img/cmn_header_btn_002.png) no-repeat; */
    /* background-position: 0px 0px; */
    position: relative;
    float: left;
    height: 37px;
    color: #efefef;
    font-size: 13px;
    letter-spacing: 0.09em;
    font-weight: 500;
    line-height: 39px;
  }

  .head_block02 ul .li01 a {
    background: url(/products/3f/common/img/cmn_header_btn_002_01.png) no-repeat left 5px;
    padding-left: 30px;
  }
  .head_block02 ul .li01 a:hover {
    color: #ccc;
    background-position: 0 -35px;
  }
  .head_block02 ul .li02 a {
    background: url(/products/3f/common/img/cmn_header_btn_002_02.png) no-repeat 0 5px;
    padding-left: 27px;
    line-height: 38px;
  }
  .head_block02 ul .li02 a:hover {
    color: #ccc;
    background-position: 0 -35px;
  }
  .head_block02 ul .li03 a {
    background: url(/products/3f/common/img/cmn_header_btn_002_03.png) no-repeat 0;
    color: #fff;
    line-height: 37px;
    padding-left: 29px;
    width: 160px;
    box-sizing: border-box;
    font-size: 12px;
  }
  .head_block02 ul .li03 a:hover {
    opacity: 0.8;
  }

  .head_block02 ul .li01 {
    width: 218px;
    margin-right: 5px;
  }
  .head_block02 ul .li02 {
    width: 129px;
    margin-left: 5px;
  }
  .head_block02 ul .li03 {
    width: 160px;
  }

  /* .head_block02 ul .li01 a{background-position:0 0; width:218px;}
.head_block02 ul .li01 a:hover{background-position:0 -50px;}
.head_block02 ul .li02 a{background-position:-223px 0; width:129px;}
.head_block02 ul .li02 a:hover{background-position:-223px -50px;}
.head_block02 ul .li03 a{background-position:-357px 0; width:160px;}
.head_block02 ul .li03 a:hover{background-position:-357px -50px;} */

  /* .sub_headerarea2 */

  #sub_header {
    background-color: #f0ede1;
  }

  .sub_headerarea2 {
    background-color: #e0f2f5;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 9999999;

    overflow: scroll;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none; /* Firefox 対応 */
  }

  .sub_headerarea2::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }

  .sub_headerarea2 span {
    visibility: hidden;
  }

  .sub_headerarea2 ul {
    list-style: none;
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0;
  }

  .sub_headerarea2 ul li {
    position: relative;
    float: left;
    display: block;
    /* height:42px; */
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .sub_headerarea2 ul li a {
    display: block;
    background: url(/products/3f/common/img/cmn_header_btn_003.gif) no-repeat;
    background-position: 0px 0px;
    position: relative;
    float: left;
    height: 28px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.07em;
    line-height: 30px;
    font-weight: 400;
  }
  .sub_headerarea2 ul li a:hover {
    color: #37abbe;
  }

  .sub_headerarea2 ul .li01 {
    width: 188px;
  }
  .sub_headerarea2 ul .li02 {
    width: 188px;
  }
  .sub_headerarea2 ul .li03 {
    width: 188px;
  }
  .sub_headerarea2 ul .li04 {
    width: 188px;
  }
  .sub_headerarea2 ul .li05 {
    width: 188px;
  }

  .sub_headerarea2 ul a {
    background-position: 0 0;
    width: 188px;
  }
  .sub_headerarea2 ul a:hover {
    background-position: 0 -30px;
  }
  .sub_headerarea2 ul .here {
    background-position: 0 -30px;
  }

  .sub_headerarea2 ul .li01 .here,
  .sub_headerarea2 ul .li02 .here,
  .sub_headerarea2 ul .li03 .here,
  .sub_headerarea2 ul .li04 .here,
  .sub_headerarea2 ul .li05 .here {
    color: #37abbe;
  }

  .sub_headerarea2 ul .here {
    color: #37abbe;
  }

  /* #sub_headerarea */

  #sub_headerarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff !important;
  }

  #sub_headerarea ul {
    /* width: 816px; */
    display: -ms-flexbox;
    display: flex;
    /* margin: 0 auto; */
    clear: both;

    overflow: scroll;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none; /* Firefox 対応 */
  }

  #sub_headerarea ul::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }

  #sub_headerarea ul li {
    position: relative;
  }

  #sub_headerarea ul li:after {
    content: "";
    border-right: 1px solid #999999;
    position: absolute;
    right: 0;
    top: 10px;
    height: 12px;
  }

  #sub_headerarea ul li:last-child:after {
    border-right: none;
  }

  #sub_headerarea ul li a {
    display: block;
    list-style: none;
    position: relative;
    text-align: center;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    line-height: 32px;
    letter-spacing: 0.07em;
    font-size: 14px;
    padding: 0 24px;
    white-space: nowrap;
  }

  #sub_headerarea ul li a:hover {
    color: #37abbe;
  }

  #sub_headerarea ul li a span {
    display: none;
  }

  #sub_headerarea span {
    visibility: hidden;
  }

  #sub_headerarea ul .here {
    color: #37abbe;
  }

  /* パンくずリスト */

  .breadcrumb {
    position: relative;
    top: 156px;
    padding: 12px 0 0;
    pointer-events: none;
  }

  .breadcrumbList {
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin: auto;
  }

  .breadcrumbItem + .breadcrumbItem {
    position: relative;
    padding-left: 27px;
  }

  .breadcrumbItem + .breadcrumbItem::before {
    content: "＞";
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 10px;
  }

  .breadcrumbLink {
    white-space: nowrap;
    color: #000000;
  }

  .breadcrumbLink,
  .breadcrumbText {
    pointer-events: auto;
    font-size: 11px;
  }

  .breadcrumbLink:hover {
    text-decoration: underline;
  }

  .breadcrumb.-white .breadcrumbLink,
  .breadcrumb.-white .breadcrumbText,
  .breadcrumb.-white .breadcrumbItem + .breadcrumbItem::before {
    color: #ffffff;
  }

  .ie .breadcrumb {
    pointer-events: auto;
  }

  /* #site_footer */

  .line01 {
    width: 960px;
    overflow: hidden;
    position: relative;
    margin: 50px 0;
    padding: 0;
    clear: both;
  }

  .line02 {
    width: 960px;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    padding: 0;
    clear: both;
  }

  #site_footer_area {
    background-color: #f0ede1;
  }

  #site_footer {
    width: 960px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0;
    clear: both;
  }

  #site_footer span {
    visibility: hidden;
  }

  #site_footer .allBlock01 {
    width: 960px;
    overflow: hidden;
    clear: both;
  }

  #site_footer .allBlock01 .banner0 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_000.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner0 img {
    display: none;
  }
  #site_footer .allBlock01 .banner0 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner0 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_000_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner0 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_000_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_001.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner img {
    display: none;
  }
  #site_footer .allBlock01 .banner a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_001_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_001_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner2 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_002.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner2 img {
    display: none;
  }
  #site_footer .allBlock01 .banner2 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner2 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_002_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner2 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_002_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner3 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_003.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner3 img {
    display: none;
  }
  #site_footer .allBlock01 .banner3 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner3 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_003_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner3 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_003_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner4 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_004.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner4 img {
    display: none;
  }
  #site_footer .allBlock01 .banner4 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner4 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_004_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner4 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_004_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner5 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_005.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner5 img {
    display: none;
  }
  #site_footer .allBlock01 .banner5 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner5 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_005_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner5 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_005_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 .banner6 {
    margin-bottom: 20px;
    width: 960px;
    height: 430px;
    background: url(/products/3f/common/img/cmn_site_footer_baner_006.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner6 img {
    display: none;
  }
  #site_footer .allBlock01 .banner6 a {
    width: 960px;
    height: 430px;
    display: block;
  }
  #site_footer .allBlock01 .banner6 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_baner_006_o.jpg) no-repeat;
  }
  #site_footer .allBlock01 .banner6 a:active {
    background: url(/products/3f/common/img/cmn_site_footer_baner_006_s.jpg) no-repeat;
  }

  #site_footer .allBlock01 ul {
    width: 960px;
    overflow: hidden;
    clear: both;
    height: 242px;
  }

  #site_footer .allBlock01 ul li {
    width: 470px;
    height: 242px;
    overflow: hidden;
    float: left;
  }

  #site_footer .allBlock01 ul img {
    display: none;
    visibility: hidden;
    margin: 0;
  }

  #site_footer .allBlock01 ul .li01 {
    margin-right: 20px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_001.jpg) no-repeat;
  }

  #site_footer .allBlock01 ul .li02 {
    background: url(/products/3f/common/img/cmn_site_footer_btn_002.jpg) no-repeat;
  }

  #site_footer .allBlock01 ul .li01 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_btn_001_o.jpg) no-repeat;
    margin: 0;
  }

  #site_footer .allBlock01 ul .li02 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_btn_002_o.jpg) no-repeat;
    margin: 0;
  }

  #site_footer .allBlock01 ul li a {
    width: 470px;
    height: 242px;
    overflow: hidden;
    display: block;
    margin: 0;
  }

  #site_footer .allBlock02 {
    width: 960px;
    overflow: hidden;
    clear: both;
  }

  #site_footer .allBlock02 ul {
    width: 960px;
    overflow: hidden;
    clear: both;
    height: 141px;
  }

  #site_footer .allBlock02 ul li {
    width: 470px;
    height: 141px;
    overflow: hidden;
    float: left;
  }

  #site_footer .allBlock02 ul .li01 {
    margin-right: 20px;
  }

  #site_footer .allBlock02 ul li a {
    width: 470px;
    height: 141px;
    overflow: hidden;
    display: block;
  }

  #site_footer .allBlock03 {
    width: 960px;
    overflow: hidden;
    clear: both;
  }

  #site_footer .allBlock03 ul {
    width: 960px;
    overflow: hidden;
    clear: both;
    height: 205px;
  }

  #site_footer .allBlock03 ul li {
    width: 222px;
    height: 205px;
    overflow: hidden;
    float: left;
  }

  #site_footer .allBlock03 ul .li01 {
    margin-right: 20px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_005.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li02 {
    margin-right: 22px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_006.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li03 {
    margin-right: 22px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_007.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li04 {
    background: url(/products/3f/common/img/cmn_site_footer_btn_008.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li01 a:hover {
    margin-right: 20px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_005_o.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li02 a:hover {
    margin-right: 22px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_006_o.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li03 a:hover {
    margin-right: 22px;
    background: url(/products/3f/common/img/cmn_site_footer_btn_007_o.gif) no-repeat;
  }

  #site_footer .allBlock03 ul .li04 a:hover {
    background: url(/products/3f/common/img/cmn_site_footer_btn_008_o.gif) no-repeat;
  }

  #site_footer .allBlock03 ul li a {
    width: 222px;
    height: 205px;
    overflow: hidden;
    display: block;
  }

  #site_footer .allBlock03 ul li img {
    display: none;
  }

  .pagetop01 {
    width: 960px;
    overflow: hidden;
    clear: both;
    height: 30px;
    margin: 30px 0;
    position: relative;
  }

  .pagetop01 img {
    display: none;
  }

  .pagetop01 a {
    width: 100px;
    display: block;
    height: 30px;
    float: right;
    background: url(/products/3f/common/img/cmn_pagetop_001.gif) no-repeat;
    background-position: 0 0;
  }
  .pagetop01 a:hover {
    display: block;
    background-position: 0 -50px;
  }

  .pagetop02 {
    position: relative;
    width: 960px;
    overflow: hidden;
    clear: both;
    height: 30px;
    margin-top: 50px;
    margin-bottom: 10px;
  }

  .pagetop02 img {
    display: none;
  }

  .pagetop02 a {
    width: 100px;
    display: block;
    height: 30px;
    background: url(/products/3f/common/img/cmn_pagetop_001.gif) no-repeat;
    background-position: 0 0;
    float: right;
  }
  .pagetop02 a:hover {
    display: block;
    background-position: 0 -50px;
  }

  /* #footnaviarea */

  #footnavi {
    height: 360px;
    background-color: #ffffff;
    border-top: 2px #00abbc solid;
    clear: both;
  }

  #footnavi_area {
    width: 960px;
    height: 360px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    clear: both;
  }

  #footnavi .allBlock01 {
    margin-top: 40px;
    margin-left: 0px;
    padding: 0;
    position: relative;
    clear: both;
  }

  #footnavi_area .leftBlock01 {
    width: 170px;
    height: 250px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0;
    position: relative;
    float: left;
    overflow: hidden;
    background: url(../img/cmn_footnavi_text_001.gif) no-repeat;
    background-position: 0px 0px;
  }

  #footnavi_area .leftBlock01 a {
    width: 110px;
    height: 33px;
    margin: 0;
    padding: 0;
    left: 4px;
    top: 4px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  #footnavi_area .leftBlock01 a:hover {
    width: 110px;
    height: 33px;
    background: url(../img/cmn_footnavi_btn_003.gif) no-repeat;
    background-position: 0px 0px;
  }

  #footnavi .rightBlock01 {
    width: 960px;
    /*	height:250px;*/
    margin-top: 0px;
    margin-left: 0px;
    padding: 0;
    position: relative;
    clear: both;
    overflow: hidden;
  }

  #footnavi .rightBlock01 .all_naviblock01 {
    width: 960px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    height: 220px;
  }

  #footnavi .rightBlock01 .all_naviblock02 {
    width: 960px;
    margin-top: 30px;
    margin-left: 0px;
    padding: 0;
    position: relative;
    overflow: hidden;
    clear: both;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock01 {
    position: relative;
    width: 210px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
    /*	height:175px;*/
    margin-left: 25px;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock02 {
    position: relative;
    width: 210px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
    margin-left: 0px;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock02 li a {
    position: relative;
    /* width: 130px; */
    overflow: hidden;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock03 {
    position: relative;
    width: 180px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock03 li a {
    position: relative;
    width: 110px;
    overflow: hidden;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock04 {
    position: relative;
    width: 130px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock05 {
    position: relative;
    width: 190px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 .naviblock05 li a {
    position: relative;
    /* width: 90px; */
    overflow: hidden;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 ul {
    position: relative;
    /* width: 160px; */
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 ul li {
    position: relative;
    /* width: 160px; */
    height: 20px;
    margin-bottom: 3px;
    overflow: hidden;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock01 ul li a {
    position: relative;
    /* width: 160px; */
    height: 20px;
    overflow: hidden;
    padding: 0;
    display: block;
    /* background:url(../img/cmn_footnavi_btn_001.gif) no-repeat; */
    /* background-position:0px 0px; */
    color: #666;
    font-size: 12px;
    letter-spacing: 0.1em;
  }

  #footnavi .rightBlock01 .all_naviblock01 ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  /* #footnavi .rightBlock01 .all_naviblock01 .naviblock01 ul .li01 a{
    background-position:-2px 0;
}

#footnavi .rightBlock01 .all_naviblock01 .naviblock01 ul .li01 a:hover{
    background-position:-2px -150px;
}
*/
  #footnavi .rightBlock01 .all_naviblock01 ul .here {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  #footnavi .rightBlock01 .all_naviblock03 {
    clear: both;
    margin-left: 0;
    padding-top: 38px;
    overflow: hidden;
    position: relative;
    width: 960px;
    border-top: 1px solid #00abb8;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    clear: both;
    margin: 0 auto;

    overflow: hidden;
    padding: 0;
    position: relative;
    width: 910px;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul li {
    height: 21px;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul li:not(:last-child) {
    margin-right: 50px;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li01 {
    position: relative;
    width: 164px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li02 {
    position: relative;
    width: 79px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li03 {
    position: relative;
    width: 140px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li04 {
    position: relative;
    width: 86px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
    outline: 0;
    border: 0;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li05 {
    position: relative !important;
    width: 112px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
    outline: none !important;
    border: none !important;
    border-left: none !important;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul .li06 {
    position: relative !important;
    width: 79px;
    overflow: hidden;
    float: left;
    padding: 0;
    display: block;
    margin-right: 0px;
    outline: none !important;
    border: none !important;
    border-left: none !important;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul li a {
    position: relative;
    height: 20px;
    overflow: hidden;
    padding: 0;
    display: block;
    color: #666;
    letter-spacing: 0.07em;
    font-size: 13px;
    font-weight: 500;
  }

  .ie #footnavi .rightBlock01 .all_naviblock03 ul li a {
    white-space: nowrap;
  }

  #footnavi .rightBlock01 .all_naviblock03 ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  .cate01 {
    position: relative;
    width: 140px;
    overflow: hidden;
    padding: 0;
    height: 14px;
    margin-bottom: 25px;
    color: #00bfd1;
    font-weight: 600;
    letter-spacing: 0.14em;
  }

  .naviblock02 .cate01 {
    position: relative;
    width: 160px;
    overflow: hidden;
    padding: 0;
    height: 14px;
    margin-bottom: 25px;
  }

  /* #headerarea */
  #footerarea {
    height: 45px;
    position: relative;
    margin: 0;
    padding: 0;
    border-top: 1px #cccccc solid;
    overflow: hidden;
    background-color: #ffffff;

    clear: both;
  }

  #footerarea span {
    visibility: hidden;
  }

  #footerarea .allBlock01 {
    width: 960px;
    height: 45px;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
  }

  #footerarea .leftBlock01 {
    width: 340px;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
  }

  #footerarea .leftBlock01 img {
    margin-top: 15px;
    margin-left: 25px;
  }

  #footerarea .leftBlock02 {
    width: 325px;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    color: #00bfd1;
    font-size: 10px;
    line-height: 46px;

    float: right;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
  }

  #footerarea .leftBlock02 img {
    margin-top: 15px;
    margin-left: 10px;
  }

  #footerarea .rightBlock01 {
    width: 295px;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;

    left: 45px;
  }

  #footerarea .rightBlock01 ul {
    position: relative;
    width: 278px;
    height: 12px;
    overflow: hidden;
    margin-top: 18px;
    padding: 0;
    display: block;
    float: left;
  }

  #footerarea .rightBlock01 ul li {
    overflow: hidden;
    list-style: none;
    position: relative;
    float: left;
    display: block;
    height: 12px;
  }

  #footerarea .rightBlock01 ul li:not(:last-child) {
    margin-right: 14px;
  }

  #footerarea .rightBlock01 ul li a {
    overflow: hidden;
    display: block;
    /* background:url(../img/cmn_footer_btn_001.gif) no-repeat; */
    /* background-position:0px 0px; */
    list-style: none;
    position: relative;
    float: left;
    height: 12px;
    color: #00bfd1;
    font-size: 10px;
  }
  #footerarea .rightBlock01 ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  #footerarea .rightBlock01 ul .li01 {
    width: 110px;
  }
  #footerarea .rightBlock01 ul .li02 {
    width: 168px;
  }

  .l-catbtn-area {
    width: 960px;
    height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    position: relative;
  }

  .cmn_catbtn {
    background-color: #fff;
    text-align: center;
    height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
  }

  .medium_btn {
    width: 880px;
  }

  .large_btn {
    width: 960px;
  }

  .top_color {
    border: 8px solid #27b4c2;
  }

  .shikichi_color {
    border: 8px solid #4992bb;
  }

  .nisetai_color {
    border: 8px solid #bb4885;
  }

  .tasetai_color {
    border: 8px solid #bb4885;
  }

  .chintai_color {
    border: 8px solid #b2763a;
  }

  .tenpo_color {
    border: 8px solid #58ae48;
  }

  .cmn_catbtn-text {
    margin-top: 18px;
    color: #000;
    font-size: 22px;
    letter-spacing: 0.07em;
    line-height: 1.4;
  }
  .cmn_catbtn-image {
    width: 750px;
    height: 50px;
    margin: 13px auto 0 auto;
    background: url(/products/3f/common/img/cmn_catbtn_001.jpg) no-repeat 0;
    color: #fff;
    line-height: 50px;
    font-size: 19px;
    letter-spacing: 0.18em;
    padding-left: 30px;
  }

  .cmn_catbtn:hover .cmn_catbtn-image {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  .u-mb50 {
    margin-bottom: 50px !important;
  }

  .u-mb75 {
    margin-bottom: 75px !important;
  }

  /* ===============================================
heading style
=============================================== */
  .hs {
    letter-spacing: 0.1em;
    line-height: 1.7;
  }
  .hs span {
    visibility: visible;
    display: block;
  }

  .hs span.pc-iln,
  .hs span.sp-iln {
    display: inline;
  }

  .hs-left {
    text-align: left;
  }
  .hs-right {
    text-align: right;
  }
  .hs-center {
    text-align: center;
  }

  .hs-serif {
/*
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
*/
    letter-spacing: -0.04em;
  }

  .hs-head {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.07em;
    font-weight: 500;
  }
  .hs-text {
    font-size: 15px;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  .hs-small {
    font-size: 13px;
    line-height: 1.4;
    padding-top: 5px;
  }

  span.kome {
    visibility: visible;
  }

  #content_wrapper .hs-a {
    font-size: 45px;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
  }

  #content_wrapper .hs-a span.kome {
    color: #000;
    font-size: 10px;
    position: relative;
    bottom: 30px;
    left: 4px;
  }

  /* ===============================================
gif anime
=============================================== */
  .ani {
    width: 476px;
    float: right;
    position: relative;
  }
  .ani_text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 27px 0 39px;
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    background: #fff;
  }
  .ani_text p {
    display: inline-block;
    line-height: 1.5;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 14px;
  }

  /* ===============================================
other
=============================================== */
  .clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
  .horizon {
    width: 95%;
    height: 1px;
    border-bottom: 1px dotted #888;
    margin: 50px auto;
  }

  /* ===============================================
mhbtn
=============================================== */

  .mhbtn a:hover {
    opacity: 0.8;
  }

  /* ===============================================
  å±•ç¤ºå ´ モーダル
  =============================================== */

  .modalhouse-modal * {
    box-sizing: border-box;
  }

  .modalhouse-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modalhouse-modal__overlay {
    background: #000000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .modalhouse-modal__content {
    width: 960px;
    padding: 42px 0 36px;
  }

  .modalhouse-modal__ttl {
    margin-bottom: 28px;
    font-size: 28px;
  }

  .modalhouse-modal__table {
    width: 800px;
    margin: 0 auto 28px;
    border-top: 2px solid #44b3c6;
    border-bottom: 2px solid #44b3c6;
  }

  .modalhouse-modal__region {
    display: -ms-flexbox;
    display: flex;
    padding: 22px 0;
  }

  .modalhouse-modal__region:nth-last-child(n + 2) {
    border-bottom: 1px solid #ccc;
  }

  .modalhouse-modal__dt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex: none;
    width: 170px;
    padding-left: 22px;
    font-size: 16px;
    color: #333333;
  }

  .modalhouse-modal__dd {
    width: 630px;
  }

  .modalhouse-modal__dd ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .modalhouse-modal__dd li {
    width: 90px;
  }

  .modalhouse-modal__dd.-twoColum li:nth-last-child(n + 4) {
    margin-bottom: 16px;
  }

  .modalhouse-modal__dd li a {
    color: #44b3c6;
    font-size: 16px;
    transition: opacity 0.2s;
  }

  .modalhouse-modal__dd li a:hover {
    opacity: 0.7;
  }

  .modalhouse-modal__close {
    transition: opacity 0.2s;
  }

  .modalhouse-modal__close:hover {
    opacity: 0.7;
  }

  .modalhouse-modal__close img {
    width: 80px;
  }

  .l-jitsurei {
    padding-bottom: 72px;
    background: #ffffff;
  }

  .jitsurei-inner {
    width: 960px;
    margin: auto;
  }

  #contentBody .jitsurei-ttl,
  .jitsurei-ttl {
    font-size: 43px;
    margin: 0 0 30px;
    letter-spacing: -0.01em;
    line-height: 1.5;
    text-align: center;
  }

  .jitsurei-list {
    display: flex;
    justify-content: space-between;
  }

  .jitsurei-list-item a:hover img {
    opacity: 0.7;
  }

  /* #contentblock06 */
  #contentblock06 {
    width: 100%;
    overflow: hidden;
    margin: 10px auto 0;
    padding: 80px 0 60px;
    position: relative;
    z-index: 0;
    background-color: #e5f7f9;
  }
  #contentblock06 .allblock01 {
    overflow: hidden;
    width: 720px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }

  #contentblock06 .allblock01 li {
    width: 200px;
    padding: 0 20px;
    float: left;
    display: inline;
  }
  #contentblock06 .allblock01 li .ico {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1;
  }
  #contentblock06 .allblock01 li .tit {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.2em;
    color: #333;
  }
  #contentblock06 .allblock01 li .des {
    font-size: 11px;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
  }

  .ie #contentblock06 .allblock01 li .des {
    white-space: nowrap;
  }

  #contentblock06 .btn a {
    display: block;
    width: 150px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    color: #00bfd1;
    font-weight: 500;
    font-size: 12px;
  }
  #contentblock06 .btn a:hover {
    opacity: 0.7;
  }
  #contentblock06 .btn span {
    padding-left: 20px;
    background: url(../img/arrow_bone.png) no-repeat 0;
    visibility: visible;
    letter-spacing: 0.2em;
  }
}

.mhbtn {
  margin-bottom: 90px;
  text-align: center;
}

/* ===============================================
タブレット サイズ調整
=============================================== */

.device-tablet .head_block02 ul .li03 a {
  font-size: 10px;
}

.device-tablet #contentblock06 .allblock01 {
  width: 750px;
}

.device-tablet #contentblock06 .allblock01 li {
  width: 210px;
}

.device-tablet #contentblock06 .allblock01 li .des {
  font-size: 10px;
}

.device-tablet .document_area li .txt {
  font-size: 13px;
}

.device-tablet .sub_headerarea2 ul li a {
  background: url(/products/3f/common/img/cmn_header_btn_003_tablet.gif) no-repeat;
  background-position: 0px 0px;
  height: 34px;
  line-height: 35px;
}

.device-tablet .sub_headerarea2 ul .here,
.device-tablet .sub_headerarea2 ul a:hover {
  background-position: 0 -40px;
}

.device-tablet .breadcrumb {
  top: 162px;
}


@charset "UTF-8";
/*
 *
 *
 *
 *  以下、SPスタイル
 *
 *
 *
 */

:root {
  --color-aqua: #44b3c6;
}

@media (max-width: 750px) {
  * {
    line-height: 1;
  }
  /** for smartphone */
  /** reset */

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

  html,
  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  nav.main .link,
  nav.main.min .link,
  nav.main .link-pc,
  nav.main.min .link-pc,
  nav.main .link-sub,
  nav.main.min .link-sub,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
  }
  a {
    outline: none;
  }
/*
  body {
    font-family: HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", Meiryo, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.813em \9;
    line-height: 1.4em;
    *font-size: small;
    background-color: #fff;
  }
*/
  .large_p {
    font-size: 14px;
    font-weight: bold;
  }

  li {
    list-style: none;
  }
  #main {
    background-color: #fff;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }

  ins {
    text-decoration: none;
  }

  del {
    text-decoration: line-through;
  }

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

  img {
    vertical-align: bottom;
  }

  :focus {
    outline: 0;
  }

  a {
    resize: none;
  }

  /** base */
  body {
    -webkit-text-size-adjust: none;
    color: #333;
  }

  a {
    color: #333;
    text-decoration: none;
  }

  #wrapper {
    position: relative;
    /* overflow: hidden; */
  }

  img {
    max-width: 100%;
  }

  /** 追加 **/
  .button_area_img img {
    zoom: 1;
    width: 117px; /* 画像半分のサイズを指定 */
    height: 30px; /* 画像半分のサイズを指定 */
  }

  #toolbar ul li img {
    zoom: 1;
    width: 79px; /* 画像半分のサイズを指定 */
    height: 38px; /* 画像半分のサイズを指定 */
  }

  .list-content div img {
    zoom: 1;
    width: 88px; /* 画像半分のサイズを指定 */
    height: 63px; /* 画像半分のサイズを指定 */
  }

  .pc img {
    zoom: 1;
    width: 109px; /* 画像半分のサイズを指定 */
    height: 30px; /* 画像半分のサイズを指定 */
  }
  .logo img {
    zoom: 1;
    width: 150px; /* 画像半分のサイズを指定 */
    height: auto; /* 画像半分のサイズを指定 */
  }
  .up_btn img {
    zoom: 1;
    width: 88px;
    width: 110px; /* 画像半分のサイズを指定 */
    height: 20px; /* 画像半分のサイズを指定 */
  }

  .area-content2 img.visual {
    zoom: 1;
    width: 320px !important; /* 画像半分のサイズを指定 */
    height: 264px !important; /* 画像半分のサイズを指定 */
  }
  .area-content2 {
    text-align: center;
    margin-bottom: 30px;
  }
  .slideCell a img {
    zoom: 1;
  }
  /** 追加 **/

  header {
    *zoom: 1;
    /*border-top:2px solid #27B4C2;*/
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    background-color: #27b4c2;
  }
  header:after {
    content: "";
    display: block;
    clear: both;
  }
  header .logo img {
    /* float: left; */
    /* padding: 12px 12px; */
    padding: 10px 12px;
  }
  header .sitemap {
    background-size: 7px 8px;
    -moz-background-size: 7px 8px;
    -webkit-background-size: 7px 8px;
    display: block;
    float: right;
    padding-top: 8px;
    padding-left: 8px;
    font-size: 9px;
    line-height: 9px; /*background: url(../img/nav/icon-rightblack.png) no-repeat left 8px;*/
    background-image: url(../img/nav/icon-rightblack.png);
    background-position: left 8px;
    background-repeat: no-repeat;
  }
  header .sitemap img {
    zoom: 1;
    width: 64px !important; /* 画像半分のサイズを指定 */
    height: 62px !important; /* 画像半分のサイズを指定 */
  }
  header .modal-open img {
    zoom: 1;
    width: 28px !important; /* 画像半分のサイズを指定 */
    height: 23px !important; /* 画像半分のサイズを指定 */
  }

  /* h1 { padding: 0 10px; font-weight: bold; font-size: 11px; line-height: 2em; background-color: #ccc; } */
  .navi_area {
    display: none;
    padding: 0 10px;
    font-weight: bold;
    font-size: 11px;
    line-height: 2em;
    background-color: #fff;
    width: 100%;
  }
  .navi_area {
    clear: both;
    overflow: hidden;
  }
  .navi_area a {
    font-weight: bold;
  }
  h1 a {
    display: block;
    font-weight: bold;
  }
  footer {
    text-align: center;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 110px;
    margin-bottom: -45px;
    border-top: 2px solid #38b4c4;
  }
  footer .other {
    padding-top: 10px;
  }
  footer .other img {
    zoom: 1;
    width: 130px;
    height: auto;
    padding-bottom: 8px;
    padding-top: 5px;
  }
  footer small {
    font-size: 9px;
    color: #38b4c4;
  }

  #page-2 header {
    position: relative;
    padding: 15px 0 20px;
    text-align: center;
  }
  #page-2 header .close {
    position: absolute;
    right: 10px;
    top: 20px;
  }
  #page-2 h1 {
    font-size: 15px;
    line-height: 1.2em;
    font-weight: bold;
    color: #2255a4;
  }
  #page-2 footer {
    padding: 20px 0 30px;
    text-align: center;
  }

  .lock {
    overflow: hidden;
  }

  .modal-content,
  .modal-content2,
  .modal-content3,
  .modal-content4,
  .modal-content5,
  .modal-content6,
  .modal-content7 {
    top: 0 !important;
    position: relative;
    display: none;
    width: 87.5%;
    margin: 0px;
    padding: 0px 0 0;

    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*.modal-content2 {
    top:0 !important;
  position:relative;
  display:none;
  width:87.5%;
  margin:0px;
  padding:0px 0 0;

  background:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  }*/
  .pop1,
  .pop2,
  .pop3,
  .pop4,
  .pop5,
  .pop6,
  .pop7 {
    margin-top: 20px;
  }
  .pop1 img,
  .pop2 img,
  .pop3 img,
  .pop4 img,
  .pop5 img,
  .pop6 img,
  .pop7 img {
    width: 100%;
  }
  .modal-content .logo2 {
    width: 207px;
    height: 21px;
    margin-top: 24px;
    position: relative;
    float: left;
  }
  .modal-content .logo2 img {
    width: 207px;
    height: 21px;
  }
  .modal-content p {
    margin: 0;
    padding: 0;
  }

  .modal-overlay {
    z-index: 10000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
  }

  .modal-wrap,
  .modal-wrap2,
  .modal-wrap3,
  .modal-wrap4,
  .modal-wrap5,
  .modal-wrap6,
  .modal-wrap7 {
    z-index: 10001;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  /*.modal-wrap2 {
  z-index:10001;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  }*/

  .modal-open {
    color: #00f;
    text-decoration: underline;
    top: 14px;
    right: 12px;
    position: absolute;
  }

  .modal-open:hover {
    cursor: pointer;
    color: #f00;
  }

  .modal-close {
    float: right;
    width: 33px;
    position: relative;
    overflow: hidden;
    margin-top: 19px;
  }
  .modal-close img {
    zoom: 1;
    width: 33px; /* 画像半分のサイズを指定 */
    height: 30px; /* 画像半分のサイズを指定 */
  }

  .modal-close:hover {
    cursor: pointer;
    color: #f00;
  }
  .modal-close2 {
    width: 55px;
    position: relative;
    overflow: hidden;
    margin-top: 19px;
    background-color: #ffffff;
  }
  .close_top {
    overflow: hidden;
    text-align: center;
    margin: 0 7%;
    margin-top: 21px;
    margin-bottom: 10px;
    padding-top: 0px;
    clear: both;
  }

  p.close_top .modal-close {
    /*
  margin-right: 20px;
  padding:10px 20px;*/
  }

  .modal-content > ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  .modal-content > ul li.lavel {
    background-color: #fff;
    font-size: 1.6em;
    padding: 5px 30px;
    font-weight: bold;
  }

  .modal-content > ul li.lavel a {
    color: #fff;
  }

  ul.nav_box {
    margin: 0;
    padding: 0 0 0;
    overflow: hidden;
  }

  .li_text {
    position: absolute;
  }

  ul.nav_box li {
    display: block;

    margin: 0 auto;
    clear: both;
    width: 85.7%;
    color: #333333;
    overflow: hidden;
  }

  ul.nav_box li p {
    float: left;
    color: #333333;
    font-size: 93%;
    vertical-align: middle;
    line-height: 1;
  }

  ul.nav_box .li01 p img {
    zoom: 1;
    width: 27px; /* 画像半分のサイズを指定 */
    height: 27px; /* 画像半分のサイズを指定 */
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0px;
  }
  ul.nav_box .li02 p img {
    zoom: 1;
    width: 27px; /* 画像半分のサイズを指定 */
    height: 27px; /* 画像半分のサイズを指定 */
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0px;
  }
  ul.nav_box .li03 p img {
    zoom: 1;
    width: 27px; /* 画像半分のサイズを指定 */
    height: 27px; /* 画像半分のサイズを指定 */
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0px;
  }
  ul.nav_box .li04 p img {
    zoom: 1;
    width: 27px; /* 画像半分のサイズを指定 */
    height: 27px; /* 画像半分のサイズを指定 */
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0px;
  }
  ul.nav_box li iframe {
    border-top: 1px #444444 solid;
  }
  ul.nav_box li a {
    border-top: 1px #cccccc solid;
    padding-top: calc(1em + 2px);
    padding-bottom: 1em;
    display: block;
    clear: both;

    color: #fff;
    overflow: hidden;
  }

  ul.nav_box .li01 a {
    border-top: 1px #27b4c2 solid;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  ul.nav_box .li01 a p {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li01 a img {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li01 .icon1 img {
    height: 16px;
    width: 24px;
    vertical-align: middle;
    margin-top: 6px;
    margin-right: 7px;
  }

  ul.nav_box .li02 a {
    border-top: 1px #cccccc solid;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  ul.nav_box .li02 a p {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li02 a img {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li02 .icon1 img {
    height: 16px;
    width: 24px;
    vertical-align: middle;
    margin-top: 6px;
    margin-right: 7px;
  }

  ul.nav_box .li03 a {
    border-top: 1px #cccccc solid;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  ul.nav_box .li03 a p {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li03 a img {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li03 .icon2 img {
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-top: 6px;
    margin-right: 10px;
  }

  ul.nav_box .li04 a {
    border-top: 1px #cccccc solid;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  ul.nav_box .li04 a p {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li04 a img {
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
  }
  ul.nav_box .li04 .icon2 img {
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-top: 6px;
    margin-right: 10px;
  }

  ul.nav_box li img {
    float: right;
    height: 12px;
    margin-right: 10px;
    /* margin-top: 2px; */
    margin-bottom: 1px;
    width: 12px;
  }

  ul.nav_box.nav_box-main li a {
    border-top: 1px #27b4c2 solid;
  }

  /* 第3階層メニュー */

  .nav-box-drawerBtn {
    position: relative;
  }

  .nav-box-drawerBtn::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border: 2px solid #27b4c2;
    transform: rotate(135deg);
    border-bottom: none;
    border-left: none;
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;

    transition: 0.3s;
  }

  .nav-box-drawerBtn.is-show::after {
    transform: rotate(-45deg);
    top: calc(50% - 1px);
  }

  ul.nav_box .nav_box_secondary {
    display: none;
  }

  ul.nav_box .nav_box_secondary .nav_box_secondary_item {
    width: 100%;
  }

  ul.nav_box .nav_box_secondary .nav_box_secondary_item a {
    position: relative;
    padding-left: 5.7%;
    border-top: 1px #cccccc solid;
    color: #333333;
  }

  ul.nav_box .nav_box_secondary a::after {
    /* content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border: 2px solid #27b4c2;
    transform: rotate(135deg);
    border-bottom: none;
    border-left: none;
    position: absolute;
    top: calc(50% - 6px);
    right: 12px; */
  }

  ul.nav_box .line01 a {
    border-top: 1px #27b4c2 solid;
  }

  ul.nav_box .last a {
    border-bottom: 1px solid #27b4c2;
    padding-bottom: 1em;
    padding-top: 1em;
    border-top: 1px #27b4c2 solid;
  }
  ul.nav_box .last2 a {
    border-bottom: 1px #999999 solid;
  }
  .nav_last {
    /*	font-size:77%;*/
  }

  p.cat_bottom {
    border-top: 1px #27b4c2 solid;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    width: 85.7%;
    margin: 0 auto;
  }

  p.cat_bottom a {
    display: block;
    padding-top: 17px;
    padding-bottom: 17px;
    margin: 0 auto;
    font-size: 1.4em;
    position: relative;
  }
  p.cat_bottom img {
    width: 240px;
    margin: 0 auto;
    height: auto;
  }
  p.close_bottom img {
    zoom: 1;
    width: 85.7%;
    height: auto;
  }

  .cat_bottom span {
    color: #fff;
    position: absolute;
    left: 0;
    right: -31px;
    top: 31px;
    font-size: 13px;
    letter-spacing: 0.03em;
    font-weight: bold;
  }

  p.close_bottom2 {
    margin: 0 auto;
    padding-top: 17px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
  }

  p.close_bottom2 a {
    display: block;
    padding-top: 0px;
    padding-bottom: 17px;
    margin: 0 auto;
    font-size: 1.4em;
    text-align: center;
  }
  p.close_bottom2 img {
    zoom: 1;
    width: 55px; /* 画像半分のサイズを指定 */
    height: 18px; /* 画像半分のサイズを指定 */
  }
  .close_bottom2 .modal-close2 {
    clear: both;
    overflow: hidden;
  }

  /* h3 {
      display: block;
      -webkit-margin-before: 0em !important;
      -webkit-margin-after: 0em !important;
      -webkit-margin-start: 0px !important;
      -webkit-margin-end: 0px !important;
    clear:both;
    overflow:hidden;
    margin:0  !important;
    padding:0 !important;
      font-weight: bold;
  } */

  /* ページトップへ戻る */
  .pageTop {
    position: relative;
    width: 90%;
    max-width: 900px;
    height: 0;
    margin: 0 auto;
  }
  .pageTop a {
    position: fixed;
    bottom: 15px;
    left: auto;
    display: block;
    width: 40px;
    height: 40px;

    margin-left: 920px;
    background: url(../img/pagetop1.png) no-repeat 0 0;
    background-size: 40px 40px;
    /* ↓以下はリンク装飾↓ */
    /*padding:1em 0
    background:#3498db;
    text-align:center;
    outline:none;
    text-decoration: none;
    z-index:9999;
    border-radius:3px 3px 0 0;*/
  }

  /*------------------------------
    #cntBlock003
  -------------------------------*/

  #cntBlock003 {
    width: 100%;
    position: relative;
    background-color: #e8f8fa;
    margin: 0;
    padding: 0;
    /* margin-bottom:2%; */
  }

  #cntBlock003 .subBlock001 {
    margin: 0 auto;
    padding: 0;
    padding-top: 7.3%;
    padding-bottom: 5.3%;
  }
  #cntBlock003 .subBlock001 h3 {
    clear: both;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
    margin: 0 auto;
  }
  #cntBlock003 .subBlock001 h3 img {
    clear: both;
    overflow: hidden;
    width: 87.5%;
    height: auto;
  }

  #cntBlock003 .subBlock002 {
    clear: both;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 8.5%;
    position: relative;
  }

  #cntBlock003 .subBlock002 a img {
    clear: both;
    text-align: center;
    width: 87.5%;
    position: relative;
    height: auto;
  }

  #cntBlock003 .subBlock003 {
    width: 93.8%;
    margin: 0 auto;
  }

  /* ===============================================
  document area
  =============================================== */
  #cntBlock003 .subBlock001 {
    margin: 0 auto;
    padding: 0;
    padding-top: 7.3%;
    padding-bottom: 5.3%;
  }

  .document_area:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  .document_area {
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 5%;
    white-space: nowrap;
  }

  .document {
    display: inline-block;
    width: 33.33333%;
    text-align: center;
    /* vertical-align: top; */
  }
  .document:last-child {
    padding-right: 0;
  }

  .document-img {
    width: 100%;
    position: relative;
    /* height: 34vw; */
    white-space: nowrap;
  }

  .document-img img {
    width: 70%;
    vertical-align: middle;
  }

  .document .title {
    font-size: 2.8vw;
    padding: 8% 0;
    line-height: 1.2;
    line-height: 7vw;
    height: 7vw;
    font-weight: bold;
  }
  .document-text .document {
    vertical-align: top;
  }
  .document .title.two {
    line-height: 1.2;
    padding-top: 11%;
  }

  .document p {
    font-size: 2.4vw;
    line-height: 1.3;
  }

  #cntBlock003 .subBlock001 h3 a {
    color: #3fb3c3;
    font-size: 4.8vw;
    font-weight: bold;
    letter-spacing: 0.02em;
  }

  #cntBlock003 .subBlock002 span {
    position: absolute;
    left: 35%;
    top: 21%;
    color: #fff;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }

  /* ===============================================
  end
  =============================================== */
  /*------------------------------
    #endBlock001
  -------------------------------*/
  #endBlock001 {
    width: 87.5%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-bottom: 15%;
    margin-top: 9%;
    text-align: left;
  }

  #endBlock001 .subBlock000 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock000 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 10%;
  }

  #endBlock001 .subBlock000 span {
    position: absolute;
    left: 28%;
    top: 33%;
    color: #fff;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }

  #endBlock001 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 1%;
  }

  #endBlock001 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    margin-bottom: 1%;
    clear: both;
    overflow: hidden;
  }

  #endBlock001 .subBlock002 .left_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: left;
  }

  #endBlock001 .subBlock002 .left_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock002 .right_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: right;
  }

  #endBlock001 .subBlock002 .right_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    clear: both;
    overflow: hidden;
  }

  #endBlock001 .subBlock003 .left_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: left;
  }

  #endBlock001 .subBlock003 .left_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock003 .right_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: right;
  }

  #endBlock001 .subBlock003 .right_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock001 span {
    position: absolute;
    left: 29%;
    top: 33%;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    color: #52b3c7;
    font-weight: bold;
  }
  #endBlock001 .subBlock002 span,
  #endBlock001 .subBlock003 span {
    position: absolute;
    left: 32%;
    top: 42%;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #endBlock001 .subBlock002 .left_area span {
    color: #4c93b9;
  }
  #endBlock001 .subBlock002 .right_area span {
    color: #b63b88;
  }
  #endBlock001 .subBlock003 .left_area span {
    color: #b27639;
  }
  #endBlock001 .subBlock003 .right_area span {
    color: #5bad4e;
  }

  /*------------------------------
    #endBlock001
  -------------------------------*/
  #endBlock002 {
    width: 87.5%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-bottom: 9%;
    margin-top: 9%;
    text-align: left;
  }

  #endBlock002 .subBlock000 img {
    width: 100%;
    height: auto;
  }

  #endBlock002 .subBlock000 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 10%;
  }

  #endBlock002 .subBlock000 span {
    position: absolute;
    left: 28%;
    top: 33%;
    color: #fff;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #endBlock002 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #endBlock002 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }
  #endBlock002 .subBlock001 span {
    position: absolute;
    left: 21%;
    top: 33%;
    font-size: 3.6vw;
    letter-spacing: 0.1em;
    color: #333333;
    font-weight: bold;
  }
  /* ===============================================
  toptitle
  =============================================== */

  .top-title {
    width: 100%;
    height: 16vw;
    color: #fff;
    position: relative;
    margin-top: 3%;
    margin-bottom: 1%;
  }

  .top-title img,
  .top-title span {
    position: absolute;
  }

  .top-title img {
    left: 31%;
    top: 15%;
    /*width: 6.4%;*/
    /*width: 8%;*/
    height: 70%;
  }

  .top-title span {
    left: 42%;
    top: 34%;
    font-size: 5vw;
    letter-spacing: 0.5em;
  }

  .top-img {
    width: 100%;
  }

  .top-text {
    display: block;
    font-family: serif;
    text-align: center;
    line-height: 1.6;
    font-size: 4.7vw;
    /*padding: 3% 0;*/
    margin-left: 4%;
    padding-bottom: 3%;
    letter-spacing: 0.12em;
    font-weight: bold;
  }

  .flexible-img {
    width: 50%;
  }

  .flexible-text {
    font-size: 4vw;
    line-height: 1.6;
    padding-top: 3%;
    font-weight: bold;
  }

  .gif-left,
  .gif-right {
    display: inline-block;
    width: 50%;
    color: #3fb3c3;
    line-height: 1.5;
    font-size: 3vw;
    position: relative;
    vertical-align: top;
    font-weight: bold;
  }

  .gif-left {
    right: 4%;
  }

  /* ===============================================
  heading style
  =============================================== */

  .hs-title {
    text-align: left;
    /* font-size: 5.5vw; */
    font-size: 5vw;
    line-height: 1.3;
    letter-spacing: 0.07em;
    font-feature-settings: "palt";
    font-weight: bold;
  }

  .hs-title span {
    font-weight: bold;
    display: block;
    line-height: 1.6;
    padding-bottom: 1.7%;
    font-size: 5.5vw;
  }

  /* ===============================================
  リンクタブ
  =============================================== */

  .sub_headerarea2 {
    /* background-color: #E0F2F5; */
    background: #ecf8fa;
    overflow-x: scroll;

    /* スクロールバー消す用 */
    /* margin-bottom: -6px; */
  }

  .sub_headerarea2::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }

  .sub_headerarea2 span {
    visibility: hidden;
  }

  .sub_headerarea2 ul {
    list-style: none;
    position: relative;
    width: 650px;
    margin: 0 auto;
    /* padding: 0 14%; */
    padding: 0 12px;
    overflow: hidden;

    /* スクロールバー消す用 */
    /* padding-bottom: 6px; */
  }

  .sub_headerarea2 ul li {
    position: relative;
    float: left;
    display: block;
    /* height:26px; */
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .sub_headerarea2 ul li a {
    display: block;
    /*background: url(/smp/products/3f/common/img/cmn_header_btn_sp.png) no-repeat 0 0 / cover;*/
    background: url(/products/3f/img_sp/cmn_header_btn_sp.png) no-repeat 0 0 / cover;
    height: 26px;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    font-feature-settings: "palt";
  }

  .sub_headerarea2 ul .li01 {
    width: 130px;
  }
  .sub_headerarea2 ul .li02 {
    width: 130px;
  }
  .sub_headerarea2 ul .li03 {
    width: 130px;
  }
  .sub_headerarea2 ul .li04 {
    width: 130px;
  }
  .sub_headerarea2 ul .li05 {
    width: 130px;
  }

  .sub_headerarea2 ul a {
    background-position: 0 0;
    width: 130px;
  }
  .sub_headerarea2 ul .here {
    background-position: 0 -27px;
  }

  .sub_headerarea2 ul .here,
  .sub_headerarea2 ul .here,
  .sub_headerarea2 ul .here,
  .sub_headerarea2 ul .here,
  .sub_headerarea2 ul .here {
    color: #37abbe;
  }

  /* ===============================================
  子ページ リンク
  =============================================== */
  #sub_headerarea {
    background-color: #ffffff !important;
    overflow-x: scroll;

    /* スクロールバー消す用 */
    /* margin-bottom: -6px; */
  }

  #sub_headerarea::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }

  #sub_headerarea ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }

  #sub_headerarea ul li {
    position: relative;
    flex: none;
  }

  #sub_headerarea ul li:after {
    content: "";
    border-right: 1px solid #999999;
    position: absolute;
    right: 0;
    top: 7px;
    height: 17px;
  }

  #sub_headerarea ul li:last-child:after {
    border-right: none;
  }

  #sub_headerarea ul li a {
    display: block;
    position: relative;
    text-align: center;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    line-height: 31px;
    letter-spacing: 0.07em;
    font-size: 12px;
    font-feature-settings: "palt";
    padding: 0 16px;
  }

  #sub_headerarea ul li a:hover {
    color: #37abbe;
  }

  #sub_headerarea ul li a span {
    display: none;
  }

  #sub_headerarea span {
    visibility: hidden;
  }

  #sub_headerarea ul .here {
    color: #37abbe;
  }

  /* ===============================================
  固定ヘッダー
  =============================================== */
  .fixedHeader {
    position: fixed;
    top: 0;
    z-index: 101;
    display: -ms-flexbox;
    display: flex;

    align-items: center;
    width: 100%;
    height: 35px;
    background: #27b4c2;

    transform: translate3d(0, -35px, 0);
    transition: transform 0.3s;
  }

  .fixedHeader.is-show {
    transform: translate3d(0, 0, 0);
  }

  .fixedHeader_logo {
    font-size: 14px;
    padding: 0 0 0 12px;
    display: block;
  }

  .fixedHeader_modal {
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
  }

  .fixedHeader_modalLine {
    position: relative;
    display: block;
    width: 28px;
    height: 1px;
    background: #ffffff;
  }

  .fixedHeader_modalLine:nth-child(1) {
    top: -4px;
  }
  .fixedHeader_modalLine:nth-child(3) {
    top: 4px;
  }

  /*
  * トップページスライダーの矢印ボタン
  * デフォルトだと固定ヘッダーの上に来るためz-indexを下げる
  */
  .bx-wrapper .bx-controls-direction a {
    z-index: 98 !important;
  }

  /* ===============================================
  20200323 フッターバナー追加
  =============================================== */
  .l-jitsurei {
    width: 87.5%;
    margin: 0 auto 54px;
  }

  .jitsurei-ttl {
    font-size: 6.4vw;
    padding: 0 0 5.2%;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.1em;
  }

  .jitsurei-list {
    display: flex;
    justify-content: space-between;
  }

  .jitsurei-list-item {
    width: 49.5%;
  }

  .foot_links {
    width: 87.5%;
    margin: 0 auto 56px;
  }

  .foot_links img {
    width: 100%;
  }

  .exhibition_links {
    width: 87.5%;
    margin: 9% auto 15%;
  }

  .gif-flexible {
    width: 86%;
    margin: auto;
  }

  .gif-flexible img {
    height: auto;
  }

  /* ===============================================
  展示場 モーダル
  =============================================== */
  .modalhouse-modal * {
    box-sizing: border-box;
  }

  .modalhouse-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modalhouse-modal__overlay {
    background: #000000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .modalhouse-modal__contentWrap {
    position: absolute;
    top: 6.25vw;
    bottom: 6.25vw;
    overflow-y: scroll;
  }

  .modalhouse-modal__content {
    width: 87.5vw;
    padding: 68px 0 20px;
  }

  .modalhouse-modal__ttl {
    padding: 0;
    margin-bottom: 34px;
    font-size: 19px;
    font-weight: normal;
  }

  .modalhouse-modal__table {
    width: 85%;
    margin: 0 auto 20px;
  }

  .modalhouse-modal__dt {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex: none;
    padding: 17px 0 16px;

    font-size: 14px;
    color: #333333;
  }

  .modalhouse-modal__dt::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border: 2px solid #27b4c2;
    transform: rotate(135deg);
    border-bottom: none;
    border-left: none;
    position: absolute;
    top: calc(50% - 6px);
    right: 10px;
    transition: 0.3s;
  }

  .modalhouse-modal__dt.is-show::after {
    transform: rotate(-45deg);
    top: calc(50% - 2px);
  }

  .modalhouse-modal__region:nth-last-child(n + 2) {
    border-bottom: 1px solid #999999;
  }
  /* .modalhouse-modal__region:nth-last-child(n + 2) .modalhouse-modal__dt {
    border-bottom: 1px solid #999999;
  } */

  .modalhouse-modal__dd {
    display: none;
    border-top: 1px solid #999999;
  }

  .modalhouse-modal__dd ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* border-bottom: 1px solid #999999; */
  }

  .modalhouse-modal__dd li {
    width: 100%;
  }

  .modalhouse-modal__dd li:nth-last-child(n + 2) {
    border-bottom: 1px dotted #999999;
  }

  .modalhouse-modal__dd li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0 15px 13px;
    font-size: 12px;
    transition: opacity 0.2s;
  }

  .modalhouse-modal__dd li a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border: 2px solid #27b4c2;
    transform: rotate(45deg);
    border-bottom: none;
    border-left: none;
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;
    transition: 0.3s;
  }

  .modalhouse-modal__close {
    width: 55px;
  }

  .modalhouse-modal__closeHead {
    position: absolute;
    top: 22px;
    right: 7.3%;
    margin: 0;
  }

  .modalhouse-modal__closeHead img {
    width: 33px;
    height: 30px;
  }

  .modalhouse-modal__location a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;

    width: 240px;
    height: 45px;
    padding-right: 6px;
    margin: 0 auto 30px;
    background: #44b3c6;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
  }

  .content_navi_backlink {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content_navi_backlink a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #31b2bf;
    width: 170px;
    height: 40px;
    border: 1px solid #31b2bf;
    border-radius: 6px;
  }

  .content_navi_backlink img {
    width: 18px;
    margin-right: 4px;
  }


}

/* ===============================================
  IE
  =============================================== */
@media all and (-ms-high-contrast: none) {
  .hs-title {
    letter-spacing: 0.03em;
  }
}


/* ===============================================
PC
=============================================== */

@media (min-width: 751px) {
  body {
/*
    margin-bottom: 0;
    font: 400 12px/1 "Gen Shin Gothic P", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro",
      "ヒラギノ角ゴ Pro W3", sans-serif;
    min-width: 1000px;
    -webkit-font-smoothing: subpixel-antialiased;
*/
  }

  li {
    list-style: none;
  }

  #sub_headerarea ul .li01 {
    width: 192px;
  }

  #sub_headerarea ul .li02 {
    width: 145px;
  }

  #sub_headerarea ul .li03 {
    width: 112px;
  }

  #sub_headerarea ul .li04 {
    width: 124px;
  }

  #sub_headerarea ul .li05 {
    width: 111px;
  }

  #sub_headerarea ul .li06 {
    width: 116px;
  }

  #contentBody {
    color: #333;
  }

 .f3-title {
    font-size: 40px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 60px;
    text-align: center;
  }

.f3-title span {
    visibility: visible;
    color: #00abb8;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  .slick-next,
  .slick-prev {
    display: none !important;
  }

  .document_area {
    width: 780px;
    margin: 0 auto;
    padding: 70px 0;
  }

  #contentBody .document_area h2,
  #footer .document_area h2,
  #follow_document .document_area h2 {
    font-size: 26px;
    color: #00abba;
    margin-bottom: 45px;
    text-align: center;
    letter-spacing: 0.2em;
    line-height: 1;
    border-top: none;
  }

  .document_area li {
    width: 220px;
    margin-left: 60px;
    float: left;
  }

  .document_area li:first-child {
    margin-left: 0;
  }

  .document_area li .ph {
    text-align: center;
    margin-bottom: 15px;
  }

  .document_area li .name {
    text-align: center;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    line-height: 1;
  }

  .document_area li .txt {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: center;
  }

  .document_area .btn_document {
    text-align: center;
    margin-top: 30px;
  }

  .document_area .btn_document a {
    display: block;
    margin: 15px 0;
    width: 786px;
    height: 56px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    overflow: hidden;
    background: url(/products/3f/common/img/cmn_catbtn_001.jpg) no-repeat 0;
    line-height: 56px;
    padding-left: 20px;
    font-size: 19px;
    letter-spacing: 0.18em;
  }

  .document_area .btn_document a:hover {
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  .document_area .btn_document a img {
    visibility: hidden;
  }

  #follow_document {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 540px;
    background: url(../../img/document_bg.png);
    display: none;
  }

  #follow_document .knob {
    background: #efefef url(../../img/ico_toggle_black.png) no-repeat 50% 50%;
    height: 20px;
  }

  #follow_document p.des {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.2em;
    background-color: #fbaa00;
    line-height: 1;
    padding: 15px 0;
    text-align: center;
    opacity: 0;
  }

  #follow_document .document_area {
    padding: 45px 0 25px;
  }

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

  #contentblock03 {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background-color: #e8f8fa;
    position: relative;
  }

  #contentblock03 .allblock01 {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 !important;
  }

  #contentblock10 {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background-color: #e8f8fa;
    position: relative;
    display: none;
  }

  #contentblock10 .allblock01 {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 !important;
  }

  #footblock01 {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background-color: #e8f8fa;
    position: relative;
  }

  #footblock01 .allblock01 {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 !important;
  }

  #footblock01 .document_area h2 {
    font-size: 26px;
    color: #00abba;
    margin-bottom: 45px;
    text-align: center;
    letter-spacing: 0.2em;
    line-height: 1;
  }

  #top_area {
    width: 100%;
    height: 440px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }

  #top_area .top_img {
    width: 1000px;
    height: 440px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }

  #top_area .hs01 {
    font-size: 59px;
    position: absolute;
    text-shadow: #333 1px 1px 10px, #333 1px 1px 11px;
    top: 100px;
    left: 22px;
    letter-spacing: 0;
/*
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
*/
    color: #fff;
    text-align: left;
    font-feature-settings: "palt";
  }

  #top_area .hs01 .medium {
    font-size: 39px;
    line-height: 2.1;
    letter-spacing: 0.24em;
    color: #ffffff;
  }

  #top_area .hs02 {
    position: absolute;
    top: 197px;
    right: 5px;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.57em;
    text-shadow: 2px 2px 13px #000;
  }

  .content_navi_block_wrap,
  #contentBody #contentblock02 .content_navi_block_wrap {
    background-color: #f4f4f7;
    padding: 72px 0 68px;
    margin-bottom: 100px;
  }

  #content_navi_block01 {
    width: 960px;
    margin: 0 auto;
    clear: both;
  }

  #content_navi_block01 p {
    width: 900px;
    margin: 0 auto 25px;
    clear: both;
    overflow: hidden;
    color: #00bfd1;
    font-size: 15px;
    border-bottom: 1px solid #00bfd1;
  }

  #content_navi_block01 ul {
    width: 900px;
    margin-top: 15px;
    clear: both;
    overflow: hidden;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  #content_navi_block01 ul li {
    width: auto;
    height: 50px;
    float: left;
    overflow: hidden;
    position: relative;
  }


  #content_navi_block01 ul li:not(:last-child) {
    margin-right: 12px;
  }

  #content_navi_block01 ul li a::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 21px;
    width: 6px;
    height: 9px;
    background: url(/products/3f/tech/img/content_nav_arrow.gif) no-repeat left top;
  }

  #content_navi_block01 ul li a:hover:after {
    background: url(/products/3f/tech/img/content_nav_arrow_hover.gif) no-repeat left top;
  }

  #content_navi_block01 ul li a.here:after {
    background: url(/products/3f/tech/img/content_nav_arrow_hover.gif) no-repeat left top;
  }

  #content_navi_block01 ul li a {
    width: 170px;
    height: 50px;
    overflow: hidden;
    display: block;
    background: #fff;
    border-radius: 10px;
    line-height: 50px;
    text-align: center;
    color: #545454;
    font-size: 15px;
    letter-spacing: 0.07em;
  }

  #content_navi_block01 ul .li01 {
    margin-right: 13px;
  }

  #content_navi_block01 ul .li02 {
    margin-right: 13px;
  }

  #content_navi_block01 ul .li03 {
    margin-right: 13px;
  }

  #content_navi_block01 ul li a:hover {
    color: #00bfd1;
  }

  #content_navi_block01 ul .here {
    color: #00bfd1;
  }

  .flexble_content_navi {}
}


/* ===============================================
SP
=============================================== */

@media (max-width: 750px) {
  #content_navi_block01 {
    padding: 14.4vw 6vw 15.7vw;
  }

  #content_navi_block01 .content_navi_heading span {
    margin-bottom: 5.33vw;
    font-size: 4.3vw;
    text-align: center;
  }

  #content_navi_block01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 11vw;
  }

  #content_navi_block01 li {
    width: 47.7%;
  }

  #content_navi_block01 li:nth-last-child(n + 3) {
    margin-bottom: 8vw;
  }

  #content_navi_block01 li img {
    margin-bottom: 2vw;
  }

  #content_navi_block01 .content_navi_text {
    font-size: 3.7vw;
    line-height: 1.6;
  }



  #content_wrapper {
    background-color: #f0ede1;
    padding: 10vw 0;
  }
  #contentblock02 {
    border-radius: 20px;
     padding: 0 0;
    background: #ffffff;
  }


}


/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* CSS Document */
/* #sub_headerarea */
@media (min-width: 751px) {
  #contentBody {
    background: none;
  }

    .allblock01{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 70px;
  }
/*    .allblock01,*/

    .allblock02,

    .allblock03 {
    max-width: 960px;
    margin: 0 auto;
    padding: 70px 0;
  }
    .allblock04 {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 70px;
  }
  #contentblock02 .allblock01,
  #contentblock02 .allblock02,
  #contentblock02 .allblock03 {
    border-bottom: 1px solid #ddd;
  }

  /* #top_area */

  #top_area {
    /* width: 960px; */
    width: 100%;
    max-width: 1440px;
    height: 570px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    background-color: #fff;
  }

  #top_area .subBlock001 {
    height: 570px;
  }

  #top_area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }

  #top_area .logo {
    text-align: center;
    margin-bottom: 31px;
  }

  .top_area_txts {
    position: absolute;
    top: 144px;
    width: 100%;
    color: #ffffff;
  }

  .top_area_txts_inner {
    max-width: 960px;
    margin: auto;
  }

  .top_area_txts .top_area_ttl {
    text-align: left;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    color: #ffffff;
    margin-bottom: 26px;
  }

  #contentBody .top_area_txts .txt {
    font-size: 23px;
    line-height: 2.2;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.2em;
    text-align: left;
  }

  #main_area {
    width: auto;
    height: 250px;
    background: url(../img/main_bg.png) no-repeat 50% 0;
    padding-top: 100px;
  }

  #main_area .body {
    max-width: 960px;
    margin: 0 auto;
  }
  #main_area .body .txt {
    font-size: 23px;
    line-height: 2.2;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.2em;
  }

  .anigif {
    padding: 40px 0;
    text-align: center;
    position: relative;
  }

  .ani_text {
    width: 600px;
    bottom: 46px;
  }

  .ani_text p:nth-child(1) {
    padding-left: 56px;
  }
  .ani_text p:nth-child(2) {
    padding-right: 53px;
  }

  /* #contentblock01 */

  #contentblock01 {
    background-color: #f4f4f7;
  }

  #contentblock01 h2 {
    font-size: 24px;
    margin-bottom: 35px;
    text-align: center;
    line-height: 1;
  }

  #mov_area {
    max-width: 960px;
    margin: 0 auto;
  }

  #mov_area #mov_disp {
    margin-bottom: 25px;
  }

  #mov_area li {
    background-color: #fff;
    width: 48.75%;
    position: relative;
  }

  #mov_area li a {
    width: 100%;
    display: table;
    font-size: 15px;
  }

  #mov_area li a:hover {
    opacity: 0.7;
  }

  #mov_area li span.mask {
    display: none;
  }

  #mov_area li.act span.mask {
    display: table-header-group;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #3fc0ca;
  }

  #mov_area li a span {
    visibility: visible;
    display: table-cell;
  }

  #mov_area li a span.txt {
    width: 64.1%;
    vertical-align: middle;
    text-align: center;
    color: #3fc0ca;
    font-weight: 500;
  }

  #mov_area #btn_mov1 {
    float: left;
  }
  #mov_area #btn_mov2 {
    float: right;
  }

  /*#mov_area #btn_mov1 span {
	width: 35.9%;
	padding-top: 25.64%;
	background: url(../img/mov_thum1.png) no-repeat;
}*/

  /* #contentblock02 */
  #contentblock02 {
    background-color: #fff;
  }

  #contentblock02 .section .txt_area {
    float: left;
    width: 41%;
    padding-top: 7.5%;
  }
  #contentblock02 .section .lead {
/*    letter-spacing: 0.15em;*/
    font-size: 24px;
    line-height: 1.8;
  }
  #contentblock02 .section .lead span {
    color: #00abb8;
    visibility: visible;
  }

  #contentblock02 .section .txt_area .frame {
    margin-top: 50px;
    background-color: #f4f4f7;
    padding: 8.54% 7.32%;
  }
  #contentblock02 .frame h3 {
    font-size: 18px;
/*    letter-spacing: 0.2em;*/
    margin-bottom: 25px;
  }
  #contentblock02 .frame .txt {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-top: 24px;
/*    letter-spacing: 0.1em;*/
    margin-bottom: 0;
  }
  #contentblock02 .section .slide_area {
    float: right;
    width: 53%;
  }
  #contentblock02 .section .slide_area .disp {
    margin-bottom: 2.83%;
  }

  #contentblock02 .slide_area .slide_switch {
    text-align: center;
    vertical-align: middle;
  }

  #contentblock02 .slide_area .slide_switch > div {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }
  #contentblock02 .slide_area .before,
  #contentblock02 .slide_area .after {
    font-size: 13px;
    padding: 0 2%;
    font-weight: 500;
  }
  #contentblock02 .slide_area .onoff {
    width: 12.64%;
    padding-bottom: 6.23%;
    background-color: #eee;
    border-radius: 100px;
    -webkit-box-shadow: -1px 2.5px 0.3px rgba(50, 50, 50, 0.2) inset;
    box-shadow: -1px 2.5px 0.3px rgba(50, 50, 50, 0.2) inset;
    position: relative;
    cursor: pointer;
  }
  #contentblock02 .slide_area .onoff span {
    display: block;
    /*width: 53.52%;*/
    width: 60.66%;
    position: absolute;
    top: -5%;
    left: 0;
    z-index: 100;
    visibility: visible;
  }
  #contentblock02 .section .slide_area p {
    color: #38b2c4;
    margin: 10px auto 0;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
  }

  .contentblock04 {
    background-color: #f4f4f7;
  }
  .contentblock04 .allblock01 {
    width: 840px;
    margin: 0 auto;
  }
  #contentBody .contentblock04 h2 {
    margin-bottom: 4.17%;
  }
  .contentblock04 .lead {
    text-align: center;
    font-size: 17px;
    margin-bottom: 23px;
  }
  .contentblock04 .fig {
    margin-bottom: 12px;
    background: #fff;
  }
  .contentblock04 .fig_text {
    float: left;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .contentblock04 .fig_text.-left {
    width: 60%;
  }
  .contentblock04 .fig_text.-right {
    width: 40%;
  }

  .contentblock04 .fig_text p {
    font-size: 13px;
    color: #545454;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
  }
  .contentblock04 .chu {
    width: 43.31%;
    margin: 0 -6px 0 auto;
    display: table;
  }
  .contentblock04 .chu span {
    display: table-cell;
    visibility: visible;
    width: 46px;
    height: 17px;
    border: 1px solid #fff;
  }
  .contentblock04 .chu span.chu_pink {
    background: #f8d5db;
  }
  .contentblock04 .chu span.chu_gray {
    background: #e5e0dc;
  }
  .contentblock04 .chu .chu_text {
    display: table-cell;
    color: #545454;
    font-size: 13px;
    letter-spacing: 0.07em;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  .slick-prev,
  .slick-next {
    display: none !important;
  }

  .content_navi_block_wrap {
    padding-top: 16px;
  }

  /* ===============================================
heading style
=============================================== */
  .hs03 {
    font-size: 38px;
    letter-spacing: -0.08em;
  }
  #top_area .hs01 {
    text-shadow: #333 1px 1px 10px, #aaa 1px 1px 11px;
  }
  #top_area .hs01 span.medium {
    font-size: 35px;
    line-height: 2.1;
    letter-spacing: 0.2em;
  }

  .contentTtl {
    font-size: 40px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 60px;
    text-align: center;
  }

  .contentTtl span {
    visibility: visible;
    color: #00abb8;
  }

  .contentblock04 {
    /* margin-bottom: 108px; */
  }

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

/* ===============================================
IE
=============================================== */
@media all and (-ms-high-contrast: none) {
  .f3-title {
    letter-spacing: 0;
  }
  #cntBlock004 .subBlock002 span,
  #cntBlock004 .subBlock003 span {
    letter-spacing: 0;
  }
}


/* =====================
  スマホ向け
======================= */
@media (max-width: 750px) {
  .slide_all_area {
    position: relative;
    width: 100%;
  }
  .slide_area {
    clear: both;
    width: 100%;
  }
  /* .section .slide_area .disp {
    margin-bottom: 2.83%;
  } */

  .slide_area .slide_switch {
    text-align: center;
    vertical-align: middle;
    margin: -3% auto 0%;
  }
  .slide_area .text_area {
    text-align: center;
    vertical-align: middle;
    margin: 11% auto 4.5%;
    position: relative;
    color: #3fb3c3;
    font-weight: bold;
    font-size: 2.7vw;
/*    letter-spacing: 0.04em;*/
  }

  .slide_area .slide_switch > div {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
  }
  .slide_area .slide_switch .before,
  .slide_area .slide_switch .after {
    display: none;
    font-size: 13px;
    padding: 0 2%;
    font-weight: 500;
  }
  .slide_area .onoff {
    width: 75%;
    padding-bottom: 6.23%;
    /*background-color: #EEE;*/
    /*border-radius : 100px;*/

    text-align: center;

    /*	box-shadow: -1px 2.5px 0.3px rgba(50,50,50,0.2) inset;*/
    position: relative;
    cursor: pointer;
  }
  .slide_area .onoff span {
    display: block;
    /*width: 53.52%;*/
    width: 60%;
    position: absolute;
    top: -2%;
    left: 0;
    right: 0;
    z-index: 100;
    visibility: visible;
    text-align: center;
    margin: 0 auto;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  .slick-prev,
  .slick-next {
    display: none !important;
  }
  .large_p {
    padding-bottom: 0 !important;
  }

  .controls li div {
    line-height: 0 !important;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  /*------------------------------
    #top_area
  -------------------------------*/

  #top_area .subBlock001 {
    margin-bottom: 12.6vw;
  }

  #top_area .top_area_txts_inner {
    text-align: center;
  }

  #top_area .flexible_ttl {
    margin-bottom: 6.6vw;
    font-size: 6vw;
    font-family: serif;
    letter-spacing: 0.07em;
    font-feature-settings: "palt";
  }

  #top_area .flexible_lead {
    width: 100%;
    font-size: 4.2vw;
    line-height: 1.9;
  }

  /*------------------------------
    #ani_gif
  -------------------------------*/

  .anigif {
    width: 94%;
    margin: auto;
    margin-bottom: 16%;
  }

  .ani_text {
    position: relative;
    display: flex;
    margin-top: -10%;
  }

  .gif-left,
  .gif-right {
    position: absolute;
    width: auto;
    text-align: center;
  }

  .gif-left {
    left: 6%;
    right: auto;
  }

  .gif-right {
    right: 3%;
    left: auto;
  }

  /*------------------------------
    #cntBlock001
  -------------------------------*/
  #cntBlock001 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    text-align: center;
  }
  #cntBlock001 h2 img {
    display: block;
    height: auto !important;
    position: relative;
    width: 100% !important;
  }
  #cntBlock001 .subBlock001 {
    /* margin-bottom: 10.6vw; */
    margin-bottom: 12.6vw;
  }
  #cntBlock001 h1 {
    /* margin-bottom: 6.4vw; */
    margin-bottom: 6.6vw;
    font-size: 6vw;
    font-family: serif;
    letter-spacing: 0.07em;
    font-feature-settings: "palt";
  }

  #cntBlock001 .subBlock001 img {
    width: 100%;
  }
  #cntBlock001 .subBlock002 {
    position: relative;
  }
  #cntBlock001 .subBlock002 h2 {
    width: 100%;
    /* font-size: 4.6vw;
    line-height: 1.8; */
    font-size: 4.2vw;
    line-height: 1.9;
  }
  /*------------------------------
    #cntBlock002
  -------------------------------*/
  #cntBlock002 {
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    height: auto;
  }
  #cntBlock002 .subBlock001 {
    clear: both;
    text-align: center;
    width: 100%; /*width:300px;*/
    overflow: hidden;
    margin: 0 auto;
    padding: 10% 0 5%;
  }
  #cntBlock002 .subBlock001 img {
    clear: both;
    text-align: center;
    width: 100%;
    height: auto;
  }

  #cntBlock002 .subBlock002 {
    clear: both;
    text-align: center;
    width: 100%; /*width:300px;*/
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
    background-repeat: no-repeat;
    padding: 10% 0 8%;
  }
  #cntBlock002 .subBlock002 .all_area {
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 92%;
  }
  #cntBlock002 .subBlock002 .all_area img {
    width: 92%;
    position: relative;
    height: auto;
  }
  #cntBlock002 .subBlock002 .right_area {
    position: absolute;
    height: auto;
    right: 7%;
    top: 0%;
    width: 32%;
  }
  #cntBlock002 .subBlock002 .right_area img {
    clear: both;
    height: auto;
    right: 0;
    top: 0;
    width: 83%;
  }

  /*------------------------------
    #cntBlock003
  -------------------------------*/

  /* #cntBlock003	 { width:100%; position:relative; background-color:#E8F8FA; margin:0; padding:0;padding-bottom:8.5%;margin-top:10%;}


  #cntBlock003 .subBlock001{margin:0 auto; padding:0;padding-top:7.3%;padding-bottom:7.3%;}


  #cntBlock003 .subBlock001 h3 { clear:both; overflow:hidden;padding:0 !important; text-align:center;;margin:0 auto; }
  #cntBlock003 .subBlock001 h3 img{ clear:both; overflow:hidden;width:100%; height:auto; }


  #cntBlock003 .subBlock002{clear:both;  text-align: center;position:relative; overflow:hidden;margin:0 auto}

  #cntBlock003 .subBlock002 a img{clear:both;  text-align: center;width:87.5%;position:relative; height:auto;}

  #cntBlock003 .subBlock003{ width:93.8%; margin:0 auto;  }

   */

  /*------------------------------
    #cntBlock004
  -------------------------------*/
  #cntBlock004 {
    width: 100%;
    position: relative;
    background-color: #f4f4f7;
    margin: 0 auto;
    display: block;
    padding-top: 8.5%;
    padding-bottom: 8.5%;
    ext-align: left;
  }

  #cntBlock004 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock004 .subBlock001 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 8%;
  }

  #cntBlock004 h4 {
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
  }

  #cntBlock004 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #cntBlock004 .subBlock002 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 6%;
  }
  #cntBlock004 .subBlock002 span,
  #cntBlock004 .subBlock003 span {
    position: absolute;
    left: 41%;
    top: 20%;
    color: #222;
    font-size: 4.2vw;
    letter-spacing: 0.04em;
    line-height: 1.5;
    font-weight: 600;
    font-feature-settings: "palt";
    white-space: nowrap;
  }

  #cntBlock004 .subBlock003 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
  }
  #cntBlock004 .subBlock003 img {
    width: 100%;
    height: auto;
  }

  #cntBlock004 .subBlock003 p {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
  }

  #cntBlock004 .subBlock004 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
  }

  #cntBlock004 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  #cntBlock004 .subBlock005 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
  }

  #cntBlock004 .subBlock005 img {
    width: 100%;
    height: auto;
  }

  #cntBlock004 .subBlock006 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock004 .subBlock006 img {
    width: 100%;
    height: auto;
  }

  /*------------------------------
    #cntBlock005
  -------------------------------*/
  #cntBlock005 {
/*    width: 87.5%;*/
          width:100%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top:5%;
    margin-bottom: 15%;
    text-align: left;
  }

  #cntBlock005 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock005 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 6%;
  }

  #cntBlock005 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #cntBlock005 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #cntBlock005 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
    margin-top: 0%;
  }

  #cntBlock005 .subBlock003 p {
/*    width: 90%;*/
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
    padding-top: 2%;
  }

  #cntBlock005 .subBlock003 .large_p {
    padding: 5%;
    padding-bottom: 2%;
    font-size: 4.4vw;
    line-height: 1.6;
  }

  #cntBlock005 .subBlock004 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock005 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  /*------------------------------
    #cntBlock006
  -------------------------------*/
  #cntBlock006 {
/*    width: 87.5%;*/
    position: relative;
         width: 100%;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 15%;
    margin-bottom: 15%;
    text-align: left;
  }

  #cntBlock006 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock006 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 6%;
  }

  #cntBlock006 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #cntBlock006 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #cntBlock006 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
    margin-top: 0%;
  }

  #cntBlock006 .subBlock003 p {
/*    width: 90%;*/
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
    padding-top: 2%;
  }

  #cntBlock006 .subBlock003 .large_p {
    padding: 5%;
    padding-bottom: 2%;
    font-size: 4.4vw;
    line-height: 1.6;
  }

  #cntBlock006 .subBlock004 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock006 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  /*------------------------------
    #cntBlock007
  -------------------------------*/
  #cntBlock007 {
/*    width: 87.5%;*/
         width: 100%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 15%;
    margin-bottom: 15%;
    text-align: left;
  }

  #cntBlock007 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock007 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 6%;
  }

  #cntBlock007 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #cntBlock007 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #cntBlock007 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
    margin-top: 0%;
  }

  #cntBlock007 .subBlock003 p {
/*    width: 90%;*/
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
    padding-top: 2%;
  }

  #cntBlock007 .subBlock003 .large_p {
    padding: 5%;
    padding-bottom: 2%;
    font-size: 4.4vw;
    line-height: 1.6;
  }

  #cntBlock007 .subBlock004 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock007 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  /*------------------------------
    #cntBlock008
  -------------------------------*/
  #cntBlock008 {
/*    width: 87.5%;*/
         width: 100%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 15%;
    margin-bottom: 15%;
    text-align: left;
  }

  #cntBlock008 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock008 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 6%;
  }

  #cntBlock008 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #cntBlock008 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #cntBlock008 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
    margin-top: 0%;
  }

  #cntBlock008 .subBlock003 p {
/*    width: 90%;*/
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
    padding-top: 2%;
  }

  #cntBlock008 .subBlock003 .large_p {
    padding: 5%;
    padding-bottom: 2%;
    font-size: 4.4vw;
    line-height: 1.6;
  }

  #cntBlock008 .subBlock004 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock008 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  /*------------------------------
    #cntBlock009
  -------------------------------*/
  #cntBlock009 {
    width: 100%;
    position: relative;
    background-color: #f4f4f7;
    margin: 0 auto;
    display: block;
    margin-top: 15%;
    padding-bottom: 12%;
    text-align: left;
  }

  #cntBlock009 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #cntBlock009 .subBlock001 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    padding-top: 10%;
  }

  #cntBlock009 .subBlock002 img
  /* { width:100%; height:auto;} */

  #cntBlock009 .subBlock002 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 5%;
  }

  #cntBlock009 .subBlock003 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    background-color: #f4f4f7;
    text-align: left;
    margin-top: 0%;
  }

  #cntBlock009 .subBlock003 p {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    padding: 5%;
    background-color: #f4f4f7;
    padding-top: 2%;
  }

  #cntBlock009 .subBlock003 .large_p {
    padding: 5%;
    padding-bottom: 2%;
    font-size: 4.4vw;
    line-height: 1.6;
  }

  #cntBlock009 .subBlock004 {
    width: 87.5%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: 4%;
    border-top: 1px solid #59ae48;
    border-bottom: 1px solid #59ae48;
  }

  #cntBlock009 .subBlock004 img {
    width: 100%;
    height: auto;
  }

  #cntBlock009 .subBlock001 .f3-title {
    padding-bottom: 10%;
  }

  #cntBlock009 .subBlock001 .f3-title span:nth-child(1) {
    margin-bottom: 5px;
    display: inline-block;
  }

  #cntBlock009 .subBlock002 .f3-example {
    text-align: center;
    font-size: 5vw;
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: bold;
    font-feature-settings: "palt";
  }

  /*------------------------------
    #endBlock001
  -------------------------------*/
  #endBlock001 {
    width: 87.5%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-bottom: 15%;
    margin-top: 9%;
    text-align: left;
  }

  #endBlock001 .subBlock000 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock000 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 10%;
  }

  #endBlock001 .subBlock001 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock001 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 1%;
  }

  #endBlock001 .subBlock002 img {
    width: 100%;
    height: auto;
  }

  #endBlock001 .subBlock002 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    margin-bottom: 1%;
    clear: both;
    overflow: hidden;
  }

  #endBlock001 .subBlock002 .left_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: left;
  }

  #endBlock001 .subBlock002 .left_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock002 .right_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: right;
  }

  #endBlock001 .subBlock002 .right_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock003 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    clear: both;
    overflow: hidden;
  }

  #endBlock001 .subBlock003 .left_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: left;
  }

  #endBlock001 .subBlock003 .left_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  #endBlock001 .subBlock003 .right_area {
    width: 49.5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    float: right;
  }

  #endBlock001 .subBlock003 .right_area img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
  }

  .f3-example {
    text-align: center;
    font-size: 5.9vw;
    letter-spacing: 0.03em;
    line-height: 1.5;
    font-weight: bold;
  }

  .chu {
    display: table;
    width: 81.5%;
    margin: 0 auto;
    padding: 3% 0 5%;
  }

  .chu span {
    display: table-cell;
    visibility: visible;
    width: 10vw;
    height: 3vw;
    border: 1px solid #fff;
  }

  .chu .chu_text {
    display: table-cell;
    color: #545454;
    font-size: 3vw;
    letter-spacing: 0em;
    font-weight: bold;
  }

  .chu span.chu_pink {
    background: #f8d5db;
  }

  .chu span.chu_gray {
    background: #e5e0dc;
  }

  .heiyou-wrap {
    width: 81.5%;
    margin: 0 auto;
  }

  .heiyou-wrap img {
    width: 100%;
  }

  .heiyou-wrap.last img {
    width: 60.666666%;
  }

  .heiyou-text {
    width: 90.5%;
    margin: 0 auto;
  }

  .heiyou-text p {
    display: inline-block;
    width: 32%;
    text-align: center;
    padding: 2% 0 4%;
    font-size: 2.5vw;
    line-height: 1.2;
    vertical-align: top;
    font-weight: bold;
    white-space: nowrap;
  }

  .subBlock003 p {
    line-height: 1.8;
    font-size: 4vw;
    text-align: justify;
  }

  .f3-title {
    text-align: center;
    font-size: 7.7vw;
    letter-spacing: 0;
    line-height: 1.38;
    font-weight: bold;
    padding-bottom: 12%;
  }
  .f3-title span,
  .f3-example span {
    color: #3fb3c3;
    font-weight: bold;
  }

  #cntBlock002 .f3-title {
    font-size: 6vw;
/*    font-feature-settings: "palt";*/
    padding-top: 4%;
    padding-bottom: 0;
    line-height: 1.5;
  }
}

/* =====================
	タブレット向け
======================= */
@media screen and (min-width: 480px) and (max-width: 959px) {
  .pageTop {
    width: 100%;
  }
  .pageTop a {
    left: -60px;
    margin-left: 100%;
  }

  /* タブレット向けここまで */
}

/* =====================
	小さいスマホ向け
======================= */
@media screen and (max-width: 479px) {
  .pageTop {
    width: 100%;
  }
  .pageTop a {
    left: -60px;
    margin-left: 100%;
  }

  /* スマホ向けここまで */
}