@charset "UTF-8";
/* 
  @media (min-width: 576px) {
    }
  @media (min-width: 768px) {　タブレット用
     }
  @media (min-width: 992px) { タブレット/pc用
     }
  @media (min-width: 1200px) { pc
     }
*/

/* main */
.row {justify-content: center;}
.scroll {
  position: absolute;
  bottom: 0;
  left: 2em;}
.scroll img {
  height: 150px;
  -webkit-animation: bound 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: bound 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}
@keyframes bound {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}
.main_img {
  width: 100%;
  height: 100vh;
/*  min-height: 100%;*/
  position: relative;}
@media (max-width: 575px) {
  .scroll { left: 1em;}
  .main_img { max-height: 92vh;}
    }

.jumbotron {
  display: flex;
  align-items: center;
  height: 820px;
  max-height: 90vh;
  padding: 0;}
.jumbotron::after {
  content: '';
  background: url("../images/bg_main_pc.jpg")  no-repeat center center;
  background-size: cover;
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -10;}
.ie .jumbotron {
  background: url("../images/bg_main_pc.jpg")  no-repeat center center;
  background-size: cover;
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -10;}


.jumbotron img {
  max-width: 100%;}
.jumbotron h1 {
  background: url("../images/bg_maincopy_sp.png") no-repeat center bottom 50px;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1200px;
  height: 1282px;
  max-width: 100%;
  max-height: 90vh;
  margin: 0 auto;}
.jumbotron .bg_maincopy-img {
  visibility: hidden;}
.main_tel {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background-color: #0076A2;}
.main_tel a,
.main_tel img {display: block;}
.main_tel img {margin: 0 auto;}


@media (min-width: 576px) {
  .jumbotron .bg_maincopy-img {
    visibility: visible;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2}
  .jumbotron h1 {
    background: none;
    max-height: 90vh;
    max-width: 100vw;
    width: 1150px;
    height: 820px;}
  .main_tel {
    display: none;}
}

@media (min-width: 1024px) {
  .jumbotron h1 {
    background: none;
    max-height: 80vh;
    max-width: 100vw;
    width: 1150px;
    height: 820px;}
/*  .jumbotron .bg_maincopy-img {
    visibility: visible;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2}*/

  .jumbotron .bg_maincopy-img {
    visibility: visible;
    position: absolute;
    margin: 0 auto;
    left: -100px;
    right: -100px;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 840px;
    max-height: 897.4px;
    z-index: -2}
}

@media (min-width: 1140px) {
  .jumbotron .bg_maincopy-img {
    visibility: visible;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2}
  .jumbotron h1 {
    background: none;
    max-height: 70vh;
    max-width: 60vw;
    width: 1150px;
    height: 820px;}
}


/* -- お知らせ -- */
.notice_box {
  padding: 0 15px 15px;
  margin: 0 2rem 5rem;
  border: solid 1px #E2F9FF;}
.notice_box h2 {
  background: #e2f9ff;
  text-align: center;
  padding: .5rem 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1.2rem;
  color: #0076A2;}
.notice_box h2::before,
.notice_box h2::after {
  content: '●';
  color: #fff;}
.notice_link {
  display: flex;
  flex-direction: column;
  pointer-events: none;}/* ←-- aタグ リンクを無効化 --*/
.notice_box ul {
  border-bottom: 1px dotted #e2f9ff;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;}
@media (min-width: 768px) {
  .notice_box ul,
  .notice_link {
    flex-direction: row;}
}

.notice_box li {
  line-height: 1.6rem; }
.notice_data,
.notice_text {padding: .5rem 1rem;}
.notice_data {
  min-width: 14rem;
  color: #0076A2;}
.notice_text {
  color: #111;}





/* -- contents -- */
.title_left,
.title_right {
  width: 117px;
  height: 109px;}

.title_left {}
.title_right {
  margin: 0 0 0 auto;}

#conts_01 {  position: relative;}

#conts_01 .container {
  margin-top: -50px;
  padding-top: 50px;}
#conts_02 .container {
  margin-top: -70px;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;}
#conts_01 .bg_img {
  background: url("../images/bg_conts01-01.png") no-repeat right bottom;
  background-size: contain;}
.txt_point {
  display: flex;
  padding: .5em 0;
}
.txt_point li {
  background-color: #D90BA2;
  padding: .3em .5em;
  margin-right: .5em;
  color: #fff;
}


.arc {
  background-color: #fff;
  padding-top: 60px;}
#conts_01 > div.arc::after {
    content: '';
    background-color: #e2f9ff;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -3;}

/* -- contents 2 -- */
#conts_02 .arc {
  background-color: #E2F9FF;}
#conts_02 .bg_dot-white {padding: 4rem 0;}
.bg_white {
  width: 100%;
  padding: 2em;}
.img_round {
  display: block;
  width: 70%;
  height: auto;
  padding-bottom: 2em;
  margin: 0 auto;}
#conts_02 .txt_01 {
  padding-top: 90px;
  margin-top: -50px;}
#conts_02 .txt_01,
#conts_02 .txt_02,
#conts_04 .txt_01 {
  display: flex;
  flex-direction: column;}
#conts_02 h3,
#conts_03 h3,
#conts_04 h3 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1em;}
#conts_02 .container {
  padding-bottom: 50px;}

@media (min-width: 768px) {
  #conts_02 .txt_01,
  #conts_02 .txt_02,
  #conts_04 .txt_01 {
  align-items: center;
  padding: 5px;}
  #conts_02 .txt_01 {
  flex-direction: row;
  margin-top: -26px;
  margin-bottom: 40px;}
  #conts_02 .txt_02 {
  flex-direction: row-reverse;}  
  #conts_02 .txt_block,
  #conts_02 .txt_02 .txt_1point { padding: 0 30px; }
  .img_round {
  padding-bottom: 0;
  width: 34%;}
}


/* -- contents 3 -- */

#conts_03 {
  background: url("../images/bg_conts03-01_sp.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 90px;
  margin-top: -60px;
  z-index: -2;}
  @media (min-width: 992px) {
  #conts_03 {
    background: url(../images/bg_conts03-01_pc.jpg) no-repeat center center;
    padding-top: 690px;
    margin-top: -660px;}    
     }

#conts_03 .container {z-index: 2;}
#conts_03 li.icon-box img {
  width: 60px;
  height: 60px;}
@media (min-width: 768px) {
  #conts_03 {
  padding-bottom: 40px;
  }

}

/* -- contents 4 -- */
#conts_04 {
  background-color: #FFE6C1;
  padding: 30px 0 50px;}
#conts_04 .bg_white {
  text-align: center;
  padding-top: 90px;
  margin-top: -60px;}
#conts_04 .bg_white img {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 2em;}
#conts_04 .bg_white p {
  text-align: left;}
@media (min-width: 768px) {
  #conts_04 .bg_white {
    padding-top: 20px;}
  #conts_04 .bg_white img {
    width: 34%;
    padding-bottom: 0;}
  #conts_04 .txt_01 {
  flex-direction: row;
  margin-bottom: 0;}
}