/*すべてに適応*/
@charset "UTF-8";

* { /*outline: 1px solid #FF0000;*/
    box-sizing: border-box;
    margin: 0 0 0 0;
    line-height: 1.7;

}
a:hover {
    opacity: 0.8;
}
html {
    font-size: 20px;
    font-family: serif;

}

img {
    max-width: 100%;
}


/*すべてに適応ヘッダー*/

.takuya {
    text-align: center;
}
.logo {

background-repeat: no-repeat;

}

.nav ul {
    margin-top: 30px;
    margin-bottom: 45px;
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 100px;
}


/*リンク*/
a:link {
    text-decoration: none;
    color: #253958;
}
.oshili a:link {
    background-color: #436ba8;
    color: antiquewhite;

}
#zaiko a {
    background-color: #436ba8;
    color: antiquewhite;

}

a:visited {
    text-decoration: none;
    color: darkgrey;

}

a:hover{
    text-decoration: none;
    /* background-color: #253958;
    color: antiquewhite; */
}
a:active {
    text-decoration: none;
}

/*すべてに適応ヒーロー*/
.hero { 
    text-align: center;
    
}

/*すべてに適応メイン*/

main {

    margin: 5% 0;
}
main h2 {
    margin: 80px 0 20px 0;
    border-bottom: 2px solid #253958;
    color: #253958;
}
li .oshili {
    display: inline-block;
}

/* #oshiul li {
    display: block;
    padding: 0;
} */

#map {
    margin: 50px 0;
   }



/*すべてに適応フッター*/
.copyright {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #253958;
    color: rgb(242, 234, 227);
}

.gotop {
    text-align: center;
}


/*個別に適応*/
#access, #tsuite, #syuppin {

    border-bottom: 2px solid #253958;
}
table.ween {
    padding: 5%;
}
.ween th,.ween td {
    border-bottom: 1px solid #253958;
    padding: 2%;
}

.google {
    padding-left: 10%;
   
    display: flex;
    
}
.google #gmap {
    padding-left: 5%;
    padding-top: 5%;
}
/*トップ画像*/
/*スライド部分*/

li {
    list-style-type: none;
}
#slide ul {
    position: relative;
    height: 700px;
    padding: 0;

}

#slide li {
    position: absolute;
    width: 100%;
    aspect-ratio: 16/9;
    text-align: center;
   
}
 
/*ボタン部分*/

#button {
    text-align: center;
}

#button ul li a {
    text-indent: -9999px;
    text-decoration: none;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #253958;
}
#button ul li {
    float: left;
    margin-right: 10px;
}
#button ul li:last-child{
    margin-right: 0;
}
  
#button ul {

    display: inline-block;
    

}
#button ul li a.target{
    background: #666;
}
  

  /*お知らせ*/
  #news {
    text-align: center;
  }

  #news li {
    list-style-type: none;
    margin: 3% 0 3% 0;
   
  }


    /*ween株式会社について*/

    #about {
        text-align: center;
        margin-bottom: 1%;
    }
    #ween {

padding-left: 30%;    }
    
    /*ween株式会社について*/

    #zaiko {
        text-align: center;
    }
   
  /*モバイル対応*/

  @media(max-width: 600px) {
    .nav ul {
        flex-wrap: wrap;
        gap: 20px;
    }
    main {
        padding: 0 4%;
    }
    .takuya {
        padding:1vh 0;
    }
    #ween {
        padding-left: 0;
        text-align: center;
    }
    .google {
        text-align: center;
       padding-left: 0;
       flex-direction: column;
       align-items: center;
       
    }
   iframe {
        width: 100%;
        aspect-ratio: 16/9;
    }
    #slide ul {
        height: 400px;
        padding: 0;
    }
  }