@charset "utf-8";

/*----------------------------------------------------
    共通css
----------------------------------------------------*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin: 3rem 0px 0px 0px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
p.bnr a {
    position: fixed;
    width: 40rem;
    height: auto;
    right: 0;
    bottom: 10rem;
    z-index: 100;
}

.l-column__main.box-summary02__body .point {
    background: #fff;
    padding: 2rem 3rem;
    margin: 2rem 0;
}
.shiki {
    background: #cbd9f4;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    margin: 3rem auto 2rem;
    padding: 1.5rem 5rem;
    font-size: 1.8rem;
}
.l-column__main.box-summary02__body .point p.ttl {
    color: #2234da;
    font-weight: bold;
    font-size: 2rem;
}

.l-column__main.box-summary02__body .point ul {
    margin: 2rem 0;
}

.l-column__main.box-summary02__body .point p.sml {
    color: unset;
    font-size: 11px;
    color: #777;
}

.l-column__main.box-summary02__body .point li {
    margin: 1rem 0;
}

.l-column__main.box-summary02__body .point li span {
    font-size: 11px;
    color: #777;
}

.youtube{
	width:500px;
	height:auto;
	text-align:center;
	margin:auto;
}

.img{
	width:500px;
	height:auto;
	text-align:center;
	margin:auto;
}
p.bnr a:before {
    opacity: 0.5;
}

.bnr {
    display: block;
    position: fixed;
    right: 0;
    bottom: 12rem;
    width: 24.5rem;
    box-sizing: border-box;
    z-index: 310;
}

.banner-close {
    font-weight: bold;
    position: absolute;
    top: -18rem;
    right: 6px;
    z-index: 99999;
    padding: 0px 6px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 768px) {
  /*/////////////PC用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

  .header-area .btn-web {
    left: unset;
  }

  .header-navi__item a {
    padding: 6px;
  }
p.bnr a img.sp {
    display: none;
}
}

/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 767px) {
  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
p.bnr a img.pc {
    display: none;
}
.l-column__main.box-summary02__body .point {
    padding: 2rem;
}
  .header-area .btn-web {
    left: inherit;
  }
.shiki {
    padding: 1.5rem;
    font-size: 1.6rem;
}

.youtube{
	width:100%;
	height:auto;
	text-align:center;
}
.page-top {
    bottom: 12rem;
}

.footer-bottom {
    padding-bottom: 17rem;
}
.img{
	width:100%;
	height:auto;
	text-align:center;
}
p.bnr a {
    width: 100%;
    bottom: 6rem;
}
}