:root{
    --black: #000000;
    --beige: #f5f3ef;
    --brown: #5f3802;
}

.bg_color1 {
    background-color: var(--black);
}

.bg_color4 {
    background-color: var(--beige);
}

.border_color1 {
    border-color: var(--black);
}
.txt_color1 {
    color: var(--black);
}

.footer_bg {
    background-image: url(./Dup/img/sin.jpg) !important;
}

.bg_color2{
    background-image: url(./Dup/img/foot_b.jpg);
}

.footer_bg {
    opacity: 0.45;
}

body, .txt_color_nomal {
    color: #232323;
}

.txt_color3 {
    color: var(--brown);
}

.top_cms_title h2, .top_cms_title p{
    font-weight: bold;
}

.contents1_svg_outer{
    display: none;
}

span.filter1{
    background-image: none;
    background-color: gray;
}

#contents1 > img{
        max-width: 600px;
    margin: auto;
    margin-bottom: 50px;
}

.top_cms_item_svg{
    display: none;
}

.main_img_txt{
    color: #232323;
}

.main_img_txt h2, .main_img_txt2 h2 {
         font-size: max(10vw, 130px);
}

.main_img_txt2, .main_img_txt{

    bottom: 2%;
}

#page_title::before {
    background-image: url(./Dup/img/foot_b.jpg) !important;
}

.title_box{
    color: #232323;
}

.main_img:before{
   content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/catch.png);
    background-position: 10% 15%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: max(2vw, 50px);
    pointer-events: none;
    z-index: 1;
}

.main_img_txt p, .main_img_txt2 p {
    font-size: 22px;
}

.main_img_txt p, .main_img_txt2 p {
    text-align: left;
}

.linkStyle{
color: #29a9e0;
font-weight: bold;
}

#form{
    display: none;
}

/*--20230714 藤江 start--*/

.main_img_txt p, .main_img_txt2 p {
    font-size: 28px;
}

.main_img{
        background-position: 5% 50%;
}

/*--20230714 藤江 end--*/

/*--20240510 correct start--*/

.add{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 99;
    background-color: black;
    transition: all 0.3s;
}

.banner{
    margin: 100px auto;
}

.banner a{
        max-width: 400px;
    width: 45%;
    margin: 10px;
}

/*--20240510 correct end--*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.main_img_txt h2, .main_img_txt2 h2 {
    font-size: max(10vw, 90px);
}

.main_img_txt p, .main_img_txt2 p {
    text-align: left;
}

.main_img_txt2, .main_img_txt {
    bottom: -10%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.main_img {
    height: 70dvh;
    min-height: 70dvh;
        background-position: 55% 50%;
            padding-top: 40px;
}

.main_img_txt h2, .main_img_txt2 h2 {
    font-size: max(10vw, 50px);
}

.main_img:before {
    background-position: 25% 1%;
    background-size: max(2vw, 35px);
}

.main_img_txt p, .main_img_txt2 p {
    text-align: left;
}

.font_24_sp {
    font-size: 21px;
}

.main_img_txt2, .main_img_txt {
    bottom: -2%;
}

.main_img_txt p, .main_img_txt2 p {
    font-size: 24px;
}


/*--20240510 correct start--*/

.add{
    left: 50%;
    transform: translateX(-50%);
}

.banner a {
    width: 80%;
}

/*--20240510 correct end--*/

}

@media screen and (max-width: 376px){
    .main_img {
    height: 100dvh;
    min-height: 100dvh;
}

.main_img_txt2, .main_img_txt {
    bottom: -10%;
}

.main_img_txt{
    display: none;
}



}