@charset "UTF-8";

.pd_wp, .pd_wp3, .pd_wp2 {
    display: flex;
    flex-wrap: wrap;
}

.pd_wp .pd_cont {
    width: 25%;
    padding: 10px;
    margin-bottom: 30px;
}

.pd_wp .pd_cont td, .pd_wp3 .pd_cont td, .pd_wp2 .pd_cont td  {
    padding: 5px !important;
    font-size: 14px;
}

.pd_wp3  .pd_cont {
    width: 33.333%;
    padding: 10px;
    margin-bottom: 30px;
}

.pd_wp2  .pd_cont {
    width: 50%;
    padding: 10px;
    margin-bottom: 30px;
}

.width100 {
    width: 100% !important;
}

.width100 h3 {
    margin-bottom: 0 !important;
    margin-top: 40px !important;
}

.box_tp .box{
   display: flex;
   width: 100%;
   align-items: center;
   margin-bottom: 40px;
}

.box_tp a, .box_tp div {
    width: 50%;
 }

.box_tp .box:nth-child(odd) {
    flex-direction: row;
 }

 .box_tp .box:nth-child(odd) img {
    padding-right: 50px;
 }

 .box_tp .box:nth-child(even) {
    flex-direction: row-reverse;
 }

 .box_tp .box:nth-child(even) img {
    padding-left: 50px;
 }

 .tp_wp {
     display: flex;
     justify-content: space-between;
 }

 .tp_wp .ct_title h3 {
    border-left: 10px solid #72040f;

 }

 .tp_wp .ct_tx:nth-child(odd){
    padding-left: 40px;
 }

 .tp_wp .ct_tx:nth-child(even){
    padding-right: 40px;
 }

 .tp_wp .ct_img a {
    width: 100% !important;
    height: auto !important;
 }

 .img_photo {
     height: auto !important;
     width: 100% !important;
 }

 .img_photo img {
    height: auto !important;
    width: 100% !important;
}

.box25 {
    flex-wrap: nowrap !important;
}

.txt_sub {
    background-color: #2b2b2b;
    padding: 0 40px 30px 40px;
}
.h_logo span {
    font-size: 0.6em;
    display: block;
    line-height: 0.5em;
}
p.pcnone{
display:none;}
#mainArea .top_copy {
    top: 70%;
}
@media only screen and (max-width: 834px){
p.pcnone{
display:block;}
#mainArea .top_copy {
    text-align: center!important;
    top: 70%;
}
.slick-slide {
    height: auto!important;
}
#mainArea .top_copy {
    font-size: 50px;
}
#mainArea img {
    min-height: 100%!important;
    margin-top: 80px;
}}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 834px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
@media screen and (max-width: 834px) {
    .pd_wp .pd_cont {
        width: 33.333%;
    }
    .pd_wp3  .pd_cont {
        width: 50%;
    }
    .pd_wp2  .pd_cont {
        width: 100%;
    }

}
@media screen and (max-width: 700px) {
   .tp_wp {
    flex-direction: column;
   }
   .tp_wp:nth-child(even){
       flex-direction: column-reverse;
   }
   .tp_wp .ct_tx:nth-child(odd){
    padding-left: 0px;
 }

 .tp_wp .ct_tx:nth-child(even){
    padding-right: 0px;
 }
}
@media screen and (max-width: 640px) {
    .pd_wp .pd_cont {
        width: 50%;
    }

    .box_tp .box:nth-child(odd) {
        flex-direction: column;
     }

     .box_tp .box:nth-child(even) {
        flex-direction: column;
     }

     .box_tp a, .box_tp div {
        width: 100%;
     }

     .box_tp .box:nth-child(odd) img, .box_tp .box:nth-child(even) img {
        padding: 0;
     }

     .box_tp .box{
        margin-bottom: 60px;
     }

     .box_tp img {
         margin-bottom: 10px;
     }
}