@charset "utf-8";
body {
    overflow-x: hidden;
}
.wrapper.zaiho-container {
		min-width: unset;
}
#app {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

/* Content */

.content {
    font-size: 0;
    background: #fff;
}

#sp_content > img {
    width: 100%;
    height: auto;
}

/* Button */

.video_area {
    width: 100%;
    position: relative;
}

.video_area > img {
    width: 100%;
    height: auto;
		width: 100vw;
}

.video_area > iframe {
    position: absolute;
}
#sp_content .video_area iframe {
		border-radius: 0.5rem;
		top: 9rem;
		left: 1.85rem;
		aspect-ratio: 16 / 9;
		width: 710px;
		height: auto;
}
/* Button */

.btn_area {
    width: 100%;
    position: relative;
}

.btn_area > img {
    width: 100%;
    height: auto;
}

.btn_area > a {
    display: block;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .38);
    padding-bottom: 10px;
    border-radius: .8rem;
    position: absolute;
    transition: .2s;
}

.btn_area > a:hover {
    box-shadow: 0 .2rem .3rem 0 rgba(0, 0, 0, .38);
    opacity: .8;
}

.btn_area > a img {
    width: 100%;
    border-radius: .8rem;
}

.btn_area .btn_try_01 {
    background: #09648c;
}

.btn_area .btn_teiki_01,
.btn_area .btn_teiki_02 {
    background: #177f01;
/*    background: #8c2222;*/
}

.btn_area .btn_video_01 {
    background: #8c2222;
}

#sp_content .btn_area > a {
    padding-bottom: calc(7 / 768 * 100%);
    border-radius: calc(3 / 768 * 100vw);
}

#sp_content .btn_area > a img {
    border-radius: calc(3 / 768 * 100vw);
    height: auto;
}

#sp_content .btn_area .btn_try_01 {
    width: calc(206 / 768 * 100%);
    top: calc(132 / 390 * 100%);
    left: calc(502 / 768 * 100%);
}

#sp_content .btn_area .btn_teiki_01,
#sp_content .btn_area .btn_teiki_02 {
    width: calc(647 / 768 * 100%);
    left: calc(60 / 768 * 100%);
}

#sp_content .btn_area .btn_teiki_01 {
    top: calc(364 / 620 * 100%);
}

#sp_content .btn_area .btn_teiki_02 {
    top: calc(805 / 620 * 100%);
}

#sp_content .btn_area .btn_video_01 {
    width: calc(206 / 768 * 100%);
    top: calc(547 / 757 * 100%);
    left: calc(300 / 768 * 100%);
}


/* Footer */

#footer {
    max-width: 76.8rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}

#footer #footer_logo {
    padding: 1.2rem 0;
}

#footer ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 1;
}

#footer ul li {
    display: inline-block;
    padding: 0 1rem;
    border-right: .1rem solid #000;
    font-size: 1.2rem;
}

#footer ul li:first-child {
    border-left: .1rem solid #000;
}

#footer #copyright {
    margin: 0;
    padding: 1.2rem;
    font-size: 1.2rem;
}
@media only screen and (max-width: 768px){
		#sp_content .video_area iframe {
		    width: calc(704 / 768 * 100vw);
		    height: calc(704 / 768 * 315 / 560 * 100vw);
		    border-radius: calc(8 / 768 * 100vw);
		    top: calc(143 / 500 * 100%);
		    left: calc(30 / 768 * 100%);
		}
		#sp_content {
		    width: 100vw;
		}
    #footer ul li {
      padding: 0;
      margin: 0.7rem 1.2rem;
      font-size: 1.3rem;
      border: 0;
    }
    #footer ul li:first-child{
      border: 0;
    }
    #footer ul {
      line-height: 1;
      margin: 0.5rem 0;
    }
}