@charset "utf-8";
   /*==========================================
共通
===========================================*/

.wrapper {
 overflow: hidden;
 margin-bottom: 105px;
}

@media all and (max-width: 959px){
  .wrapper {
    margin-bottom: 9.895833333333332%;
  }
}

img {
 margin: 0 auto;
}
   /*==========================================
 main_visual 960px以上
 ===========================================*/

 @media all and (min-width: 960px){
  .main_visual {
   position: relative;
 }

 .main_visual ul li {
  min-height: 640px;
  overflow: hidden;
}

.main_visual ul li .img_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: none;
  z-index: -1;
}
}

   /*==========================================
 main_visual スマートフォン
 ===========================================*/
 @media all and (max-width: 959px){
  .main_visual .top_slider li {
   position: relative;
 }
}


   /*==========================================
 sub_visual 960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  .sub_visual {
   padding: 60px 0;
   background-color: #005ead;
 }
 .sub_visual nav ul {
   display: flex;
   margin: 0 auto;
   max-width: 960px;
   padding: 0 20px;
   justify-content: space-between;
 }
 .sub_visual nav ul li {
   margin: 0 12px;
 }
 .sub_visual nav ul li:first-child {
   margin-left: 0;
 }
 .sub_visual nav ul li:last-child {
   margin-right: 0;
 }
}

   /*==========================================
 sub_visual スマートフォン
 ===========================================*/
 @media all and (max-width: 959px){
  .sub_visual {
   background-color: #005ead;
 }
 .sub_visual nav {
   padding: 5.4945054945054945% 0 0;
 }
 .sub_visual ul {
   letter-spacing: -.5em;
   padding: 0 2.604166666666667% 0;
   text-align: left;
 }
 .sub_visual ul li {
   letter-spacing: normal;
   display: inline-block;
   vertical-align: top;
   width: 50%;
   padding:0 2.7472527472527473% 5.4945054945054945%;
 }

 .sub_visual ul li img {
  width: 100%;
}
}
   /*==========================================
 コンテンツ 共通 960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  .event,.gallery,.latest,.blog,.news,.pickup {
   padding-top: 95px;
 }

 section .inner {
   position: relative;
   max-width: 960px;
   padding: 0 25px 0;
   margin: 0 auto;
 }
 section .ttl .listview {
   position: absolute;
   right: 0;
   top: 0;
 }
}
   /*==========================================
 コンテンツ 共通 スマートフォン
 ===========================================*/
 @media all and (max-width: 959px){
  section .inner {
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 auto;
 }
 section .ttl {
   position: relative;
 }
 section .ttl>img {
   width: 33.33333333333333%;
   margin: 0 auto;
 }
 section .ttl .ttl_inner>img {
   width: 33.33333333333333%;
   margin: 0 auto;
 }
 section .ttl .listview {
   width: 25.416666666666664%;
   position: absolute;
   right: 0;
   /*top: 58.333333333333%;*/
   top: 25.416666666666664%;
   margin-top: -4.27083333333%;
 }
 section .ttl .listview img {
   margin: 0 auto;
 }
 section .cont {
   padding: 0 5.208333333333334% 0;
 }
}

/*==========================================
pickup 960px以上
===========================================*/
@media all and (min-width: 960px){
  .pickup .inner {
    padding: 0;
  }
  .pickup .ttl {
    padding-bottom: 65px;
  }
  .pickup .panel {
    width: 270px;
  }
  .pickup .panel .img {
    overflow: hidden;
    width: 270px;
    height: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pickup .panel .img img {
    max-width: 270px;
    max-height: 180px;
  }
  .ttl_pickup{
    margin: 10px auto;
    font-weight: bold;
    min-height:48px;
    font-size: 14px;
  }
  .pickup .sts {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .pickup .sts .cell {
    display: table-cell;
    vertical-align: top;
  }
  .pickup .sts .cell:nth-child(2) {
    width: 37.5%;
  }
  .pickup .sts {
    padding-bottom: 5px;
  }
  .pickup .sts .cell:nth-child(2) img  {
    width: 100%;
  }
  .pickup .type {
    padding: 15px 0 20px;
  }
  .pickup .read {
    font-size: 18px;
    font-weight: 500;
  }
  /*pickup記事3件以上*/
.noslide_wrapper{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
}
}
   /*==========================================
pickup スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .noslide_wrapper{
  display: flex;
  justify-content: space-around;
}
.noslide_wrapper li{
  /*flex-basis:30%;*/
  flex-basis:47%;
}
  section.pickup {
    padding-top: 15.625%;
  }
  .pickup .ttl{
    margin-bottom: 9.895833333333332%;
  }
  .pickup ul {
    letter-spacing: -.5em;
  }
  .pickup ul li  {
    letter-spacing: normal;
    padding: 0;
  }
  .pickup ul li .type img {
    width: 100%;
  }
 /* .pickup .panel .img {
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
  }*/
  .pickup .panel .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .ttl_pickup{
    font-weight: bold;
    font-size: 2.9166666666666665vw;
    margin-top: -40px;  
  }
  .pickup .ttl_pickup{
    margin-top: 0;  
  }
  .txt_pickup{
    font-size: 2.9166666666666665vw;
  }
  .pickup .sts {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: left;
  }
  .pickup .sts .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 2.1875vw;
    font-weight: bold;
    padding: 0 0 2.5% 0;
  }
  .pickup .sts .cell:nth-child(2) {
    width: 40%;
  }
  .pickup .sts .cell:nth-child(2) img {
    width: 100%;
  }
  .pickup .type {
    padding-top: 5.502392344497608%;
  }
  .pickup .read p {
    padding-top: 7.177033492822966%;
    text-align: left;
    font-size: 2.9166666666666665vw;
    line-height: 1.6em;
    font-weight: 500;
  }
}

@media all and (max-width: 640px){
  .pickup .sts .cell {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 2.5% 0;
  }
  .pickup .sts .cell:nth-child(1) {
    padding: 0;
  }
  .pickup .sts .cell:nth-child(2) {
    width: 100%;
  }
  .pickup .sts .cell:nth-child(2) img {
    width: 50%;
    margin: 0;
  }
}



   /*==========================================
event 960px以上
===========================================*/
@media all and (min-width: 960px){
  .event .inner {
    padding: 0;
  }
  .event .ttl {
    padding-bottom: 65px;
  }
  .event .panel {
    width: 270px;
  }
  .event .panel .img {
    overflow: hidden;
    width: 270px;
    height: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .event .panel .img img {
    max-width: 270px;
    max-height: 180px;
  }
  .event .sts {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .event .sts .cell {
    display: table-cell;
    vertical-align: top;
  }
  .event .sts .cell:nth-child(2) {
    width: 37.5%;
  }
  .event .sts {
    padding-bottom: 5px;
  }
  .event .sts .cell:nth-child(2) img  {
    width: 100%;
  }
  .event .type {
    padding: 15px 0 20px;
  }
  .event .type_ttl {
    text-align: center;
    color: #fff;
    padding: 0.2em 0;
  }
  .event .read {
    font-size: 18px;
    font-weight: 500;
  }
}

.bg_show{
  background: #008080;
}
.bg_camp{
  background: #800000;
}
.bg_eve{
  background: #800000;
}
.bg_ex{
  background: #808000;
}
.bg_other{
  background: #000080;
}
.bg_school{
  background: #e83e65;
}

/*==========================================
event スマートフォン
===========================================*/
@media all and (max-width: 959px){
  section.event {
    padding-top: 15.625%;
  }
  .event .ttl {
    margin-bottom: 9.895833333333332%;
  }
  .event .type_ttl {
    text-align: center;
    color: #fff;
    padding: 0.2em 0;
  }
  .event ul {
    letter-spacing: -.5em;
  }
  .event ul li  {
    letter-spacing: normal;
    padding: 0;
  }
  .event ul li .type img {
    width: 100%;
  }
  .event .panel .img {
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
  }
  .event .panel .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .event .sts {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: left;
  }
  .event .sts .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 2.1875vw;
    font-weight: bold;
    padding: 0 0 2.5% 0;
  }
  .event .sts .cell:nth-child(2) {
    width: 40%;
  }
  .event .sts .cell:nth-child(2) img {
    width: 100%;
  }
  .event .type {
    padding-top: 5.502392344497608%;
  }
  .event .read p {
    padding-top: 7.177033492822966%;
    text-align: left;
    font-size: 2.9166666666666665vw;
    line-height: 1.6em;
    font-weight: 500;
  }
}

@media all and (max-width: 640px){
  .event .sts .cell {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 2.5% 0;
  }
  .event .sts .cell:nth-child(1) {
    padding: 0;
  }
  .event .sts .cell:nth-child(2) {
    width: 100%;
  }
  .event .sts .cell:nth-child(2) img {
    /*width: 50%;*/
    width: 24%;
    margin: 0;
  }
}
   /*==========================================
garllery 960px以上
===========================================*/
@media all and (min-width: 960px){
  .gallery {
    padding-bottom: 90px;
  }
  .gallery .inner {
    padding:0 0 90px;
  }
  .gallery .ttl {
    padding-bottom: 65px;
  }
  .gallery .panel {
    width: 215px;
  }
  .gallery .panel .img {
    overflow: hidden;
    display: table-cell;
    width: 210px;
    height: 140px;
    position: relative;
    vertical-align: middle;
    text-align: center;
  }
  .gallery .panel .img img {
    max-width: 210px;
    max-height: 140px;
    display: inline;
  }
  .gallery .read {
    padding-top: 17px;
  }
  .gallery .read p {
    font-size: 16px;
    font-weight: 500;
  }
  .gallery .sts {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
   /*==========================================
gallery スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .gallery {
    padding-bottom: 17.8125%;
  }
  .gallery .ttl {
    margin-bottom: 9.895833333333332%;
  }
  section.gallery {
    padding-top: 15.625%;
  }
  .gallery  ul {
    letter-spacing: -.5em;
  }
  .gallery  ul li  {
    letter-spacing: normal;
    padding: 0;
  }
  .gallery ul li .img {
    position: relative;
  }
 /* .gallery .panel .img {
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
  }*/


  .gallery .panel .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .gallery .sts {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 45px;
    z-index: 1;
  }
  .gallery .sts .cell:nth-child(2){
    width: 40%;
  }
  .gallery .read p {
    padding-top: 4.854368932038835%;
    text-align: left;
    font-size: 2.3958333333333335vw;
    line-height: 1.75em;
    font-weight: 500;
  }
}
   /*==========================================
latest 960px以上
===========================================*/
@media all and (min-width: 960px){
 .latest {
  padding-bottom: 100px;
  background-color: #f1f9fe;
}

.latest .ttl {
  padding-bottom: 65px;
}

.latest .panel {
  width: 270px;
  position: relative;
  padding: 15px;
  border: solid 1px #999999;
  height: 418px;
  background-color: #ffffff;
}

.latest .sts {
  position: absolute;
  top: 0;
  left: 0;
}
.latest .panel .img {
  width: 238px;
  height: 165px;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
.latest .panel .img img {
  max-width: 100%;
  max-height: 100%;
}
.latest .panel .name {
  padding:15px 0 36px;
}

.latest .panel .name p {
  font-size: 16px;
  font-weight: bold;
  color: #005ead;
  min-height: 50px;
}
.latest .panel .name h3 {
  font-size: 16px;
  font-weight: bold;
  color: #005ead;
  min-height: 50px;
}
.latest .panel .read p {
  line-height: 2em;
  overflow: hidden;
  height: 110px;
  font-weight: 500;
}
}
   /*==========================================
latest スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .latest .ttl {
    margin-bottom: 9.895833333333332%;
  }
  section.latest {
    padding: 11.979166666666668% 0 13.750000000000002%;
    background-color: #f1f9fe;
  }
  .latest ul li .panel {
    position: relative;
    padding: 5% 6.25%;
    border: solid 1px #999999;
    background-color: #ffffff;
    text-align: left;
  }
  .latest .sts {
    width: 100%;
    text-align: left;
  }
  .latest ul li .panel .sts {
    position: absolute;
    top: 0;
    left: 0;
  }
  .latest ul li .panel .sts img {
    margin: 0;
  }
  .latest .sts .cell:nth-child(2){
    width: 40%;
  }
 /* .latest .panel .img {
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
  }*/
  .latest .panel .img img {
    max-width: 100%;
    max-height: 100%; 
  }
  .latest .name p {
    padding-top: 5.714285714285714%;
    font-weight: bold;
    color: #005ead;
    font-size: 2.5vw;
    height: 5vh;
    line-height: 1.75em; 
  }
  .latest .read p {
    padding-top: 14.285714285714285%;
    text-align: left;
    font-size: 2.083333333333333vw;
    line-height: 1.75em;
    font-weight: 500;
  }
}
   /*==========================================
 house 960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  .house {
   position: relative;
   width: 100%;
   overflow: hidden;
   min-height: 624px;
 }
 .house img {
   margin: 0;
 }
 .house  .inner {
   position: absolute;
   top: 0;
   left: 50%;
   width: 2200px;
   margin-left: -1100px;
   max-width:none;
 }
 .house .cell {
   vertical-align: top;
 }
 .house .inner .img.mask {
   background-color: #000000;
 }
 .house .top_left_bottom {
   position: relative;
   background-color: #005ead;
   min-height: 129px;
 }
 .house .top_left_bottom .text {
   position: absolute;
   top: 20px;
   right: 25px;
 }
 .house .top_left_bottom .img {
   position: absolute;
   right: 0;
   bottom: 18px;
 }
 .house .bottom_right_top {
   position: relative;
   min-height: 210px;
   background-color: #5891c5;
 }
 .house .bottom_right_top .text {
   position: absolute;
   top: 37px;
   left: 50px;
 }
 .house .bottom_right_top .btn {
   padding-top: 20px;
 }
 .house .bottom_right_top .img {
   position: absolute;
   left: 0;
   bottom: 18px;
 }
 .house .inner .img.mask:hover img {
   opacity: 1;
 }
 .house .inner .img.mask img {
   opacity: 0.8;
 }
 .house .bottom_left_top_right {
  position: relative;
}
.house .bottom_left_top_right .btn {
  position: absolute;
  top: 4.85436893%;
  left: 50%;
  margin-left: -190px;
}
}
   /*==========================================
house スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .house .inner {
    padding: 0;
  }
  .house .inner .img.mask:hover img {
    opacity: 1;
  }
  .house .inner .img.mask img {
    width: 100%;
    opacity: 0.8;
  }
  .house .table {
    width: 100%;
  }
  .house .cell {
    vertical-align: top;
  }
  .house .top_left {
    vertical-align: top;
  }
  .house .top_left {
    position: relative;
    background-color: #005ead;
  }
  .house .top_left_bottom .text {
    width: 79.16666666666666%;
    margin: 4.166666666666666% auto 0;
  }
  .house .bottom_right_top {
    position: relative;
    background-color: #5891c5;
  }
  .house .bottom_right_top .text {
    width: 91.66666666666666%;
    padding: 5.95% 0 4.794% 7.5%;
  }
  .house .bottom_right_top .btn {
    width: 79.16666666666666%;
    margin: 0 auto;
    padding: 3.3333333333333335% 0 8.958333333333334%;
  }
  .house .bottom_right {
    position: relative;
    overflow: hidden;
  }
  .house .inner .img.mask {
    background-color: #000000;
  }
  .house .line {
    width: 100%;
    height: 2px;
  }
  .house .top_left_bottom .line {
    position: absolute;
    left: 0;
    bottom: 5.2173913%;
    height: 1px;
  }
  .house .bottom_right_top .line {
    position: absolute;
    left: 0;
    bottom: 8.62%;
    height: 1px;
  }
  .house .bottom_left_top_right {
    position: relative;
  }
  .house .bottom_left_top_right .btn {
    width: 79.16666666666666%;
    position: absolute;
    top: 9.12501706%;
    left: 50%;
    margin-left: -39.5833333%;
  }
}

   /*==========================================
 blog 960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  .blog {
   padding-bottom: 90px;
 }
 .blog .inner>.ttl {
   padding-bottom: 65px;
 }
 .blog article .img,.blog article .text {
   vertical-align: top;
 }
 .blog article .continue img {
   margin-right: 0;
 }
 .blog article .pc_table .pc_cell:first-child {
   overflow: hidden;
   height: 180px;
   width: 180px;
 }
 .blog article {
   padding: 25px 0;
   border-bottom: dotted 1px #cccccc;
 }
 .blog article:first-child {
   padding-top: 0;
 }
 .blog article:last-child {
   padding-bottom: 0;
   border-bottom: none;
 }
 .blog article .pc_table .pc_cell:nth-child(2){
   padding-left: 50px;
 }
 .blog article .ttl {
   padding-bottom: 12px;
 }
 .blog article .ttl p {
   font-weight: 400;
   font-size: 21px;
 }
 .blog article .ttl h3 {
   font-weight: 400;
   font-size: 21px;
 }
 .blog article .sts {
   display: table;
   padding-bottom: 20px;
 }
 .blog article .sts p {
   display: table-cell;
 }
 .blog article .sts p.date {
   font-weight: 400;
   color: #808080;
 }
 .blog article .sts p.name {
   font-weight: 400;
 }
 .blog article .read p {
   line-height: 2em;
   font-size: 16px;
   font-weight: 500;
 }
 .blog .btn {
   text-align: right;
 }
 .blog article .sts p.name a {
  color: #005ead;
}
}

   /*==========================================
blog スマートフォン
===========================================*/
@media all and (max-width: 959px){
  section.blog {
    padding: 15.625% 0 15.104166666666666%;
  }

  .blog article .img {
    max-width: 400px;
  }

  .blog article .img img {
    width: 100%;
  }

  .blog .ttl {
    margin-bottom: 9.895833333333332%;
  }

  .blog .cont {
    display: flex;
    justify-content: space-between;
    padding: 0 2.604166666666667% 0;
  }

  .blog .cont article {
    letter-spacing: normal;
    width: 47.5%;
    vertical-align: top;
    padding-bottom: 15%;
    position: relative;
  }

  .blog article .ttl {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.7083333333333335vw;
    font-weight: bold;
    padding-top: 9.25%;
  }

  .blog ul li .panel {
    letter-spacing: normal;
    position: relative;
    padding: 5% 6.25%;
    border: solid 1px #999999;
  }

  .blog ul li .panel .sts .cell:nth-child(2){
    width: 40%;
  }

  .blog ul li .panel .sts {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 14.000000000000002%;
    width: 100%;
    text-align: left;
  }

  .blog ul li .panel .sts img {
    margin: 0;
  }
  .blog article .sts {
    display: table;
  }
  .blog article .sts p {
    display: table-cell;
    font-size: 2.1875vw;
  }
  .blog article .sts p.name {
    font-weight: 400;
    width: 67.5%;
  }
  .blog article .sts p.date {
    font-weight: 400;
    color: #808080;
    width: 24.5%;
  }
  .blog article .sts p:nth-child(2){
    width: 1%;
  }
  .blog .read p {
    padding-top: 6.5%;
    text-align: left;
  }
  .blog article .read p {
    text-align: left;
    font-size: 2.5vw;
    line-height: 1.75em;
    font-weight: 500;
  }
  .blog .btn {
    width: 69.5%;
    max-width: 278px;
    margin: 0 auto;
  }
  .blog article .continue {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .blog .btn {
    width: 69.5%;
    max-width: 278px;
    margin: 0 auto;
  }
  .blog article .sts p.name a {
    color: #005ead;
  }
  .blog article .text p {
    line-height: 1.75em;
  }
}

   /*==========================================
blog スマートフォン
===========================================*/
@media all and (max-width: 639px){
  .blog article .sts {
   display: block;
 }
 .blog article .sts p:nth-child(2){
  display: none;
}
.blog article .sts p {
 display: block;
 font-size: 2.1875vw;
}
.blog article .sts p.name,
.blog article .sts p.date {
  width: 100%;
}
.blog article .sts p.name a {
  color: #005ead;
}
}
   /*==========================================
 news 960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  .news {
   background-color: #f2f2f2;
   padding-bottom: 55px;
 }

 .news .inner>.ttl {
   padding-bottom: 65px;
 }

 .news article:first-child {
   padding-top: 0;
 }

 .news article .img,.news article .text {
   vertical-align: top;
 }

 .news article .continue img {
   margin-right: 0;
 }

 .news .pc_cell {
   vertical-align: middle;
 }

 .news article {
   padding: 15px 0;
   border-bottom: solid 2px #cccccc;
 }

 .news article img {
   margin: 0;
 }

 .news article .type.cell {
   width: 100px;
 }

 .news article .date.cell {
   padding-left: 25px;
 }

 .news article .ttl {
   padding-left: 35px;
 }
 .news article .ttl p {
  font-size: 16px;
  font-weight: 500;
}
.news article p {
 margin-top: 0.25em;
}
.news .ttl_inner img {
  max-width: 189px;
  width: 100%;
}
}

    /*==========================================
news スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .news {
    padding-top: 11.979166666666668%;
    background-color: #f2f2f2;
  }
  .news .inner>.ttl {
    margin-bottom: 9.895833333333332%;
  }
  .news .cont {
    letter-spacing: -.4em;
    text-align: left;
    margin: 0;
    text-align: center;
    padding: 0 2.604166666666667% 10.416666666666668%;
  }
  .news article:first-child {
    padding-top: 0;
  }
  .news article  {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 100%;
    padding: 3.296703296703297% 0;
    border-bottom: solid 2px #cccccc;
  }
  section article .ttl {
    width: 100%;
  }
  .news ul li .panel {
    position: relative;
    padding: 5% 6.25%;
    border: solid 1px #999999;
  }
  .news .sts {
    width: 100%;
    text-align: left;
  }
  .news .sts .cell:nth-child(2){
    width: 40%;
  }
  .news ul li .panel .sts {
    position: absolute;
    top: 0;
    left: 0;
  }
  .news ul li .panel .sts img {
    margin: 0;
  }
  .news .type {
    width: 15.416666666666668%;
    padding-right: 1.4583333333333333%;
    vertical-align: bottom;
    font-size: 2.1875vw;
  }
  .news .date {
    text-align: left;
    vertical-align: bottom;
    line-height: 1.5em;
    font-size: 2.1875vw;
  }
  .news .news_ttl {
    text-align: left;
    padding: 2% 0 0 0;
    font-size: 2.5vw;
    font-weight: 500;
  }
}

   /*==========================================
 slider  960px以上
 ===========================================*/
 @media all and (min-width: 960px){
  ul.slide_wrapper {
   width: 100%;
   display: table;
 }
 ul.slide_wrapper li {
   display: table-cell;
   vertical-align: top;
 }
 ul.slide_wrapper li .panel {
   margin: 0 auto;
 }
 .bx-viewport {
  /* height: 100%!important; */
  background-color: transparent!important;
}
}

   /*==========================================
 slider  スマートフォン
 ===========================================*/

 @media all and (max-width: 959px){
  ul.slide_wrapper li {
   display: inline-block;
   vertical-align: top;
 }

 .bx-viewport {
  /*height: 100%!important;*/
  background-color: transparent!important;
}
}

/*==========================================
main_visual  slider 960px以上
===========================================*/
@media all and (min-width: 960px){
  .main_visual .bx-controls {
    /*position: absolute;*/
    width: 100%;
    margin: auto;
    bottom: 0;
    left: 0;
  }

  .main_visual .bx-pager-link {
    text-indent: -20em;
  }

  .main_visual .bx-wrapper .bx-pager {
    width: 910px;
    height: 18px;
    position: absolute;
    left: 50%;
    margin-left: -455px;
    bottom: 16px;
    z-index: 9999;
    text-align: right;
    padding: 0;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a.active , .main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover
  {
    background:#010066!important;
    color: #010066!important;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a ,.main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus
  {
    background:#ffffff;
    color: #ffffff;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager {
    padding: 0 5px;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a {
    width: 18px;
    height: 18px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .main_visual .bx-wrapper .bx-pager .bx-pager-item {
    bottom: 0;
  }
  .main_visual .bx-wrapper .bx-next {
    background: url(/assets/new/img/house/index/arw_left_wht.png) no-repeat scroll 0 0;
    background-position: right;
    right: 0;
  }
  .main_visual .bx-wrapper .bx-prev {
    background: url(/assets/new/img/house/index/arw_right_wht.png) no-repeat scroll 0 0;
    left: 0;
  }
  .main_visual .bx-wrapper .bx-controls-direction a {
    height: 40px;
  }
}


/*==========================================
main_visual  slider 1320px 以上
===========================================*/
@media all and (min-width: 960px) {
  .main_visual .bx-wrapper .bx-next {
    right: 10px;
  }

  .main_visual .bx-wrapper .bx-prev {
    left: 10px;
  }
}

@media all and (min-width: 1320px){
  .main_visual .bx-controls {
    /*position: absolute;*/
    width: 1320px;
    margin: auto;
    bottom: 0;
    left: 50%;
    margin-left: -660px;
  }

  .main_visual .bx-wrapper .bx-next {
    right: 50%;
    margin-right: -660px;
  }

  .main_visual .bx-wrapper .bx-prev {
    margin-left: -660px;
    left: 50%;
  }
}

/*==========================================
main_visual  slider スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .main_visual .bx-wrapper .bx-controls .bx-pager {
    padding: 0;
    text-align: center;
    height: auto;
    letter-spacing: -.5em;
  }
  .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    padding: 4.6875% 0 6.25%;
  }
  .main_visual .bx-wrapper .bx-controls .bx-pager {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin: 0 12.5px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover
  {
    background:#010066!important;
    color: #010066!important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a,.bx-wrapper .bx-pager.bx-default-pager a:focus
  {
    background:#ffffff;
    color: #ffffff;
    border: 1px solid #b5b5b5;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a {
    width: 40px;
    height: 40px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .main_visual .bx-wrapper .bx-controls-direction a {
    top: 40%;
  }
  .main_visual .bx-wrapper .bx-pager .bx-pager-item {
    bottom: 0;
  }
  .main_visual .bx-wrapper .bx-next {
    background: url(/assets/new/img/house/index/arw_left_wht.png) no-repeat scroll 0 0;
    background-position: right;
    background-size: contain;
    right: 0;
  }
  .main_visual .bx-wrapper .bx-prev {
    background: url(/assets/new/img/house/index/arw_right_wht.png) no-repeat scroll 0 0;
    background-size: contain;
    left: 0;
  }
  .main_visual .bx-wrapper .bx-controls-direction a {
    width: 6.125%;
    height: calc(3.125% + 20px);
  }
}
@media all and (max-width: 498px){
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a {
    width: 20px;
    height: 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
  }
  .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin: 5px;
  }
}
/*==========================================
main_visual  slider スマートフォン
===========================================*/
@media all and (max-width: 498px){
  .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin: 0 6.25px;
  }
  .main_visual .bx-wrapper .bx-pager.bx-default-pager a {
    width: 20px;
    height: 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
    /*==========================================
bx-slider  slider 960px以上
===========================================*/
@media all and (min-width: 960px){
  .bx-wrapper {
    border: none;
    margin: 0;
    box-shadow: none;
  }
  .bx-wrapper .bx-prev{
    background:url("/assets/new/img/common/arw_left_blue.png") no-repeat scroll 0 0;
  }
  .bx-wrapper .bx-next{
    background:url("/assets/new/img/common/arw_right_blue.png") no-repeat scroll 0 0;
  }
  .bx-wrapper .bx-controls-direction a{
    width: 32px;
    height: 36px;
  }
}
   /*==========================================
bx-slider  slider スマートフォン
===========================================*/
@media all and (max-width: 959px){
  .bx-wrapper {
    border: none;
    margin: 0;
    box-shadow: none;
  }
  .bx-wrapper .bx-prev {
    background:url("/assets/new/img/common/arw_left_blue.png") no-repeat scroll 0 0;
    background-size: contain;
  }
  .bx-wrapper .bx-next {
    background:url("/assets/new/img/common/arw_right_blue.png") no-repeat scroll 0 0;
    background-size: contain;
  }
  .bx-wrapper .bx-controls-direction a {
    width: 4vw;
    height: 4vw;
  }
}
/*=== bx-slider pickup 960px以上===*/
@media all and (min-width: 960px){
  .pickup .bx-wrapper .bx-prev{
    top: 50%;
    left: -50px;
  }
  .pickup .bx-wrapper .bx-next{
    top: 50%;
    right: -50px;
  }
}

/*=== bx-slider pickup スマートフォン===*/
@media all and (max-width: 959px){
  .pickup .bx-wrapper .bx-prev {
    top: 50%;
    left: -5.5%;
  }
  .pickup .bx-wrapper .bx-next{
    top: 50%;
    right: -5.5%;
  }
}

/*=== bx-slider event 960px以上===*/
@media all and (min-width: 960px){
  .event .bx-wrapper .bx-prev{
    margin-top: -70px;
    top: 50%;
    left: -50px;
  }
  .event .bx-wrapper .bx-next{
    margin-top: -70px;
    top: 50%;
    right: -50px;
  }
}

/*=== bx-slider event スマートフォン===*/
@media all and (max-width: 959px){
  .event .bx-wrapper .bx-prev {
    top: 50%;
    left: -5.5%;
  }
  .event .bx-wrapper .bx-next{
    top: 50%;
    right: -5.5%;
  }
}

/*=== bx-slider gallery 960px以上===*/
@media all and (min-width: 960px){
  .gallery .bx-wrapper .bx-prev{
    margin-top: -40px;
    top: 40%;
    left: -52px;
  }
  .gallery .bx-wrapper .bx-next{
    margin-top: -40px;
    top: 40%;
    right: -52px;
  }
}

/*=== bx-slider gallery スマートフォン===*/
@media all and (max-width: 959px){
  .gallery .bx-wrapper .bx-prev {
    top: 35%;
    left: -5.5%;
  }
  .gallery .bx-wrapper .bx-next {
    top: 35%;
    right: -5.5%;
  }
}

/*=== bx-slider gallery 960px以上===*/
@media all and (min-width: 960px){
  .latest .bx-wrapper .bx-prev{
    margin-top: -40px;
    top: 50%;
    left: -52px;
  }
  .latest .bx-wrapper .bx-next{
    margin-top: -40px;
    top: 50%;
    right: -52px;
  }
}

/*=== bx-slider latest スマートフォン===*/
@media all and (max-width: 959px){
  .latest .bx-wrapper .bx-prev {
    top: 50%;
    left: -5.5%;
  }
  .latest .bx-wrapper .bx-next {
    top: 50%;
    right: -5.5%;
  }
}


@media all and (min-width: 960px){
  .top_left_top_right cell {
    margin-bottom: -1px;
  }

  .top_left {
    background-color: #005ead;
  }
}
/*==========================================
メインタイトル追加
===========================================*/
.top_ttl_area{
  padding: 0 2%;
}
.top_main_ttl{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  padding: 40px 0;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.top_main_ttl_span{
  display: inline-block;
  position: relative;
}
.top_main_ttl_span02{
  display: inline-block;
  position: relative;
  padding-bottom: 0.7em;
}
.top_main_ttl_span02::before{
  content: "";
  display: inline-block;
  width:120%;
  height: 6px;
  background: #005ead;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.top_main_ttl_span02::after{
  content: "";
  display: inline-block;
  width: 50%;
  height: 6px;
  background: #e50012;
  position: absolute;
  bottom: 0;
  right: -10%;
}
.ttl_cap_area{
  max-width: 960px;
  width: 100%;
  margin: 0 auto 40px;
  text-align: center;
  padding: 0 2%;
}
.ttl_cap_sub_area {
  max-width: 960px;
  width: 100%;
  margin: 1.5em auto 0;
  text-align: center;
  padding: 0 2%;
}

.ttl_cap{
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0.4em;
  padding: 0.4em 0;
}
.ttl_cap02{
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0.8em;
}
.ttl_cap_txt{
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0.8em;
}
.ttl_cap_txt:last-of-type{
  margin-bottom: 0;
}
.cap_bg_gray{
  background: #eaeaea;
}
.cap_bg_gray02{
  background: #dfdfdf;
}
.cap_bg_blue{
  background: #CBE2FF;
}
@media all and (max-width: 767px){
.top_main_ttl{
  font-size: 16px;
  line-height: 1.6;
  padding: 20px 0;
}
.sp_none{
  display: none;
}
.top_main_ttl_span{
  display: inline-block;
  position: relative;
  padding-bottom: 0.7em;
}
.top_main_ttl_span::before{
  content: "";
  display: inline-block;
  width:60%;
  height: 6px;
  background: #005ead;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.top_main_ttl_span::after{
  content: "";
  display: inline-block;
  width: 30%;
  height: 6px;
  background: #e50012;
  position: absolute;
  bottom: 0;
  /*right: -10%;*/
  right: 0;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.top_main_ttl_span02{
  padding-bottom: 0;
}
.top_main_ttl_span02::before{
  content: normal;
}
.top_main_ttl_span02::after{
  content: normal;
}
}
/*==========================================
メインタイトル再追加20200303
===========================================*/
.cst .top_ttl_flex{
  display: flex;
  padding: 60px 0;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
.cst .blc_img{
  flex-basis: 30%;
}
.cst .blc_txt{
  flex-basis: 65%;
  margin-left: 5%;
}
.cst .top_main_ttl{
  text-align: left;
  padding: 0 0 40px 0;
}
.cst .top_main_ttl_span{
  color: #005ead;
  line-height: 1.6;
}
.cst .top_main_ttl_span02{
  font-size: 30px;
  color: #000;
}
.cst .top_main_ttl_span02::before{
  width: 70%;
  left: 0;
  -webkit-transform: none;
  transform: none;
}
.cst .ttl_cap_area{
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

@media all and (max-width: 767px){
.cst .top_ttl_flex{
  display: block;
  padding: 0px 0;
}
.cst .blc_img{
  display: none;
}
.cst .blc_txt{
  margin-left: 0%;
}
.cst .top_main_ttl{
  text-align: center;
  padding: 40px 0 40px 0;
}
.cst .top_main_ttl_span{
  font-size: 16px;
}
.cst .top_main_ttl_span02{
  font-size: 20px;
}
.cst .top_main_ttl_span02::before{
  width: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.cst .ttl_cap_area{
  text-align: center;
  padding: 0 2%;
  margin: 0 auto 40px;
}
}