@charset "UTF-8"; 

*{
    padding: 0;
    margin: 0;
}

*{
    font-size: 1.5vw;
}

.sawarabi-gothic-regular {
  font-family: "Sawarabi Gothic", sans-serif;
  font-style: normal;
}



/*  */

header{
    display: flex;
    height: 7vw;
    padding: 2%;
}


h1{
    width: 30%;
}


h1 img{
    width: 100%;
}



/* nav周り */
nav{
    width: 50%;
    margin-top: 2vw;
    margin-left: auto;
}


nav ul{
    display: flex;
    list-style: none;       
}


nav ul li{
    width: 25%;
}


nav ul li a{
    display: block;
    text-align: center;
    line-height: 3;
    text-decoration: none;
    color: #202020;
    font-size: 1.3vw;
    transition: 1s;
    border-radius: 1vw;
}

nav ul li a:hover{
    color: rgb(82, 141, 230);
    transition: 1s;
}

/* メイン//////////////////////////////// */

article {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7vw;
}


h2 {
    margin-bottom: 2vw;
    font-size: 2vw;
    color: #202020;
}


.contact {
    width: 100%;
    margin-top: 3vw;
}



article p:nth-of-type(1) {
    white-space: pre-wrap;
}


input[type="text"],[type="email"],[type="submit"]{
        width: 100%;
    }

input[type="submit"]{
       margin-top: 2vw;
    }


.contact p {
            width: 100%;
            line-height: 2;
}
    

/*  section1  */


/* ///////////////フッター////////////// */

footer {
    width: 100%;
    height: 38vw;
    margin-top: 7vw;
    background-color:  #D9F6FE;
}


.footer-container {
    width: 70%;
    padding-top: 5vw;
    margin-left: auto;
    margin-right: auto;
}


.footer-container-top {
    display: flex;
    width: 100%;
    height: 10vw;
}


.footer-logobox {
    width: 40%;
}


.footer-logobox img {
    width: 100%;
}


.footer-txetbox {
    display: flex;
    width: 100%;
    margin-left: 10%;
}


.footer-txetbox .left  {
    width: 15%;
}


.footer-txetbox .center {
    width: 35%;
    margin-left: 9%;
    margin-right: 6%;
}

.footer-txetbox .right {
    width: 35%;
}

/*  */

.footer-txetbox ul {
    list-style-type: none;    
    text-decoration: none;
}


.footer-txetbox ul li{
    width: 100%;
}


.footer-txetbox ul li a{
    display: block;
    line-height: 2.2;
    text-decoration: none;
    color: #202020;
    font-size: 1.2vw;
    transition: 1s;
}


nav ul li a:hover{
    transition: 1s;
}

/*  */

.footer-container-bottom {
    display: flex;
    width: 100%;
    height: 35px;
    margin-top: 5vw;
    margin-bottom: 4vw;
    border-top: 0.4px dotted #202020;
    border-bottom: 0.4px dotted #202020;
}

.footer-container-bottom p:nth-of-type(1) {
    text-align: center;
    font-size: 1.5vw; 
    margin-left: 5vw;
    padding-top: 1vw;
    color: #202020;
}

.footer-container-bottom p:nth-of-type(2) {
    font-size: 2vw; 
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1vw;
    color: #202020;
}


.copy {
    width: 100%;
}

.copy {
    padding-top: 3%;
    padding-bottom: 3%;
    margin-top: 4%;
    text-align: center;
    background-color: rgb(112, 201, 201);
    color: white;
}