/*PC向けスタイル*/
@media screen and (min-width:769px) {


    .br-sp {
        display: none;
    }
    .sp {
        display: none !important;
    }
    .slider {
        position: relative;
        margin: 0 auto;
        padding-top: 100px;
    }    
    .slick-slide img {
        width: 100%;
        height: auto; 
    }
    .copy{
        max-width: 400px;
        width: 30%;
        height: 350px;
        position: absolute;
        margin: -50px auto 0;
        right: 0;
        left: 0;
        z-index: 200;
        font-size: 140%;
        text-align: center;
        color: white;
        font-weight: bold;
    }

    .copy img {
        width: 100%;
    }



    .youtube_wrap {

        width: 60%;
        height: auto;
        margin: 25% auto 0;
      }
      .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
      }
      .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
      }

    .content1{
        margin-top: 10%;
        text-align: center;
        font-size: 200%;
        font-weight: bold;
        line-height: 1.8;
    }

    .content1 img{
        width: 100%;
    }



    .content2{
        margin-top: 50px;
        justify-content: center;
        display: flex;
    }

    .content2_inner{
        width: 90%;
        display: -webkit-inline-flex;
        display: inline-flex;
        text-align: center;
        margin: 0 10px !important;
    }

    .content2_inner img {
        width: 100%;
    }

    .item-title {
        font-size: 210%; 
        font-weight:bold; 
        text-align:center; 
        margin: 10px 0;

    }

    .content2-red {
        background: #d60000;
        width: 100%;
        color: white;
        display: inline-block;
        text-align: center;
    }

    .content2-red-left {
        float: left;
        width: 60%;
        font-size: 120%;
        padding: 5px  15px;
        text-align: left;
    }

    .content2-red-right {
        float: left;
        width: 40%;
        font-size: 250%;
        padding: 20px 15px 0 0;
        font-weight: bold;
    }

    .content3 {
        margin: 50px 0 150px;
        text-align: center;
    }
    .content3 h2{
        letter-spacing: 5px;
        font-size: 200%;
        font-weight: bold;
        padding-bottom: 3px;
        border-bottom: 5px solid;
        width: 510px;
        margin: auto;
    }

    .content3 p{
        padding-top: 5px;
        margin-bottom: 50px;
    }

    .content3_inner {
        overflow: hidden;
        width: 900px;
        margin: 0 auto 50px;
    }

    .content3_inner img {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }

    .content3_l,
    .content3_r{
        float: left;
        text-align: center;
        width: 350px;
        margin: 0 50px 25px;
    }

    .content3_inner h3{
        font-size: 200%;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .content3_l a,
    .content3_r a{
        margin: 5px;
        border: solid 1px;
        padding: 2px;
    }
    .content3_l a:hover,
    .content3_l a:active,
    .content3_r a:hover,
    .content3_r a:active{
        background: black;
        color: white;
        transition: 0.3s;
    }





    dl {
        margin-top: 10px;
        width: 350px;

        line-height: 1.8;
    }

    dt {
        float: left;
        clear: left;
        width: 90px;
        text-align:left;

    }

    dd {
        float: left;
        width: 250px;
        text-align:left;

    }
}
@media (max-width: 768px) {
    /*スマホと縦向きタブレット用*/
    .pc {
        display: none;
    }



    .content1 img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 30px;
    }
    .slider {
        position: relative;
        padding-top: 50px;
        margin:0 auto; 
    }

    .slider img{
        width: 100%; 
        height: auto;
        object-fit: cover;
    }

    .copy{
        width: 45%;
        position: absolute;
        margin: -30px auto 0;
        right: 0;
        left: 0;
        z-index: 200;
        
    }

    .youtube_wrap {

        width: 60%;
        height: auto;
        margin: 40% auto 0;
      }
      .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
      }
      .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
      }

    .copy img {
        width: 100%;
    }
    .content1{
        margin-top: 10%;
        text-align: center;
        font-size: 110%;
        font-weight: bold;
        line-height: 1.8;
    }

    .content2{
        margin: 50px auto;
        width: 90%;

    }

    .content2_inner{
        overflow: hidden;
        background: #d60000;
    }

    .content2_inner img{    
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .content2_p{
        font-size:170%; 
        font-weight:bold; 
        text-align:center; 
        margin: -6px 0 20px;
        display: block;
        background: white;
    }
    .content2_spr,
    .content2_spl{
        width: 50%;
        float: left;
    }

    .content2_spr{
        color: white;
        text-align: center;
        padding: 10px 0;
        font-size: .9rem;
    }

    .content3 {
        margin: 50px auto;
        text-align: center;


    }

    .content3 h2{
        letter-spacing: 5px;
        font-size: 200%;
        font-weight: bold;
        padding-bottom: 3px;
        border-bottom: 5px solid;
        width: 90%;
        margin: auto;
    }

    .content3 p{
        width: 90%;
        margin:auto;
    }

    .content3_inner h3{
        font-size: 180%;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 5%;
    }

    .content3 p{
        padding-top: 5px;
        margin-bottom: 50px;
    }

    .content3_inner {
        width: 90%;
        margin: 0 auto;

    }
    .content3_l,
    .content3_r{
        position: relative;
        overflow: hidden;
        margin: 0 0 50px;
        float: none;
        display: inline-block;
        width: 100%;

    }

    .content3_spl,
    .content3_spr {
        float: left;
        margin: auto;
    }
    .content3_spl{
        width:40%;
    }

    .content3_spr {
        padding: 3% 0 0 5%;
        text-align: left;
        width: 60%;
        margin-bottom: 5%;
    }

    .content3_shousai{
        width: 100%;
        margin: 40% auto 0;

    }
    .content3_l a,
    .content3_r a{
        font-size: 95%;
        border: solid 1px;
        padding: 2px;
    }
    .content3_l a:hover,
    .content3_l a:active,
    .content3_r a:hover,
    .content3_r a:active{
        background: black;
        color: white;
        transition: 0.3s;
    }

    .content3_inner img{
        width: 100%;
        object-fit: cover;
    }


    .content3_shousai dl {
        width: 100%;
        line-height: 1;
        font-size: 100%;
        line-height: 1.5;

    }
    
    dt {
        float: left;
        clear: left;
        width: 30%;
        margin: 0 5%; 
        text-align:left;
        display: table-cell;
    }
    
    dd {
        float: left;
        width: 55%;
        text-align:left;
        display: table-cell;
    }

    .koushiki img{
        width: 87.5%;
        height: auto;
    }
}