@charset "UTF-8";
/*共通部分

---------------------*/

html{

   font-size:100%;
}
   
   
body{

   font-famliy:"Yu Gothic Medium","sans-serif; 
   line-height:1.7;
   color:#222;
   }
a{
   text-decoration: none;
}
img{
   max-width:100%;
}

.main-nav{
   display:flex;
   font-size:1.60rem;
   text-transform: uppercase;
   margin-top: 34px;
   list-style: none;
}
.main-nav li {
   margin-left:18px;
}
.main-nav a{
   color:#444;
}
.main-nav a hover{
   color:#0bd;
}

/*ボタン＊/
a:link {color:#444;}/*未訪問のリンクの色*/
a:visited {color:#444;} /*訪問済みのリンクの色*/
a:hover {color:#ffffff; background:#4699ca;}/*カーソルが乗っているリンクの色*/
a:active {color:#ffffff;} /*クリック中のリンクの色*/

.wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}