@charset "utf-8"; /* CSS Document */
#wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: top;

}
.w1500{
    display:none;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover, .con_btn:hover, input:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.9;
    opacity: 0.9;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}

.cam {
    display: block;
    margin-top: -30px;
    padding-top: 30px;
}

@media screen and (max-width: 640px) {
    .cam {
        display: block;
        margin-top: -60px;
        padding-top: 60px;
    }
    .position-relative{
        position:relative;
    }
    .position-absolute01{
        position:absolute;
        height:auto;
        right:0;
        width:20%;
        top:65.6%;
    }
    .position-absolute02{
        position:absolute;
        height:auto;
        right:0;
        width:20%;
        top:10%;
    }
    .position-absolute03{
        position:absolute;
        height:auto;
        right:0;
        width:20%;
        top:3%;
    }
    .position-absolute04{
        position:absolute;
        height:auto;
        right:0;
        width:20%;
        top:70%;
    }
}

.w800 {
    max-width: 800px;
    margin: 0 auto;
}

.con_btn_01 {
    background: url("../image/sp/11-background-img.webp") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_01 {
    background: url("../image/sp/jpg/11-background-img.jpg") no-repeat 0 0 / 100% auto;
}

.con_btn_02 {
    background: url("../image/sp/16-background-img.webp") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_02 {
    background: url("../image/sp/jpg/16-background-img.jpg") no-repeat 0 0 / 100% auto;
}

.con_btn_03 {
    background: url("../image/sp/21-backgroud-img.webp") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_03 {
    background: url("../image/sp/jpg/21-background-img.jpg") no-repeat 0 0 / 100% auto;
}
.position-relative{
    position:relative;
}
@media screen and (min-width:641px) and (max-width:800px){
.position-relative{
    position:relative;
}
.position-absolute01{
    position:absolute;
    height:auto;
    right:-2%;
    width:20%;
    top:65.6%;
}
.position-absolute02{
    position:absolute;
    height:auto;
    right:-2%;
    width:20%;
    top:10%;
}
.position-absolute03{
    position:absolute;
    height:auto;
    right:-2%;
    width:20%;
    top:3%;
}
.position-absolute04{
    position:absolute;
    height:auto;
    right:-2%;
    width:20%;
    top:70%;
}
}
@media screen and (min-width: 801px) {
.w800{
    display:none;
}
.w1500{
    display:block;
}
#wrapper{
    max-width:none !important;
    width:100% !important;
    overflow-x: hidden;
}
#pc-fv{
    width: 100% !important;
}
#w1500-element{
    max-width:2000px !important;
    margin: 0 auto;
}
.con_btn_04 {
    background: url("../image/pc/jpg/07-background-img.jpg") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_04 {
    background: url("../image/pc/07-background-img.webp") no-repeat 0 0 / 100% auto;
}

.con_btn_05 {
    background: url("../image/pc/jpg/12-background-img.jpg") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_05 {
    background: url("../image/pc/12-background-img.webp") no-repeat 0 0 / 100% auto;
}

.con_btn_06 {
    background: url("../image/pc/jpg/16-background-img.jpg") no-repeat 0 0 / 100% auto;
}

.no-webp .con_btn_06 {
    background: url("../image/pc/16-background-img.webp") no-repeat 0 0 / 100% auto;
}
.color{
    position: relative;
    inset-inline: 50%;
    width: 100vw;
    margin-inline: -50vw;
    padding-inline: calc((100vw - 100%) / 2);
}
.background-color01{
    background-color: #DEE8ED;
}
.background-color02{
    background-color: #fff;
}
.background-color03{
    background-color:#ACD4D8;
}
.background-color04{
    background-color:#EFF8F5;
}
.background-color05{
    background-color:#F59199;
}
.background-color06{
    background-color:#95B2E4;
}
.background-color07{
    background-color:#A4D6D9;
}
.background-color08{
    background-color:#F59199;
}
.background-color09{
    background-color:#94B1E4;
}
.position-relative{
    position:relative;
}
.position-absolute01{
    position:absolute;
    height:auto;
    right:32.5%;
    width:7%;
    top:60%;
}
.position-absolute02{
    position:absolute;
    height:auto;
    right:32.5%;
    width:7%;
    top:3%;

}
.position-absolute04{
    position:absolute;
    height:auto;
    right:-2%;
    width:20%;
    top:70%;
}
}

/* 動画部分記述 */
.video_01{
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.video_01 video {
    width: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    top: 4%;
}

@media screen and (max-width: 850px) {
    .video_01 video {
      top: 5%;
      width: 60%;
    }
  }