@charset "utf-8";
/* CSS Document */

.pt{}
.pc{}
.ps{}
.tb{display: none!important;}
.ts{display: none!important;}
.sp{display: none!important;}



html,body{
margin:0;
padding:0;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 20px;
line-height: 185%;
color: #595857;
background-color:#FFFFFF;
-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, p, form, figure {
margin:0;
padding:0;
}

ul, li {
margin:0;
padding:0;
list-style: none;
}

img
{
max-width: 100%;
border: none;
vertical-align:bottom;
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
}

a
{
text-decoration:none;
color:inherit;
}

a:hover
{
opacity: 0.7;
/*color: #2693FF !important;*/
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;

}

a:active
{

}

.cf:before,
.cf:after {
content: " ";
display: table;
}

.cf:after {
clear: both;
}

.cf {
*zoom: 1;
}

#medeshimal_wrapper {
width:100%;
overflow: hidden;
padding: 100px 0;
}

#medeshimal_wrapper #header {
padding: 15px 40px;
display: flex;
justify-content: space-between;
align-items: center;
background: #E4E4E4;
border-bottom: solid 1px #595857;
position: fixed;
top: 0;
z-index: 100;
width: 100%;
box-sizing: border-box;
}

#medeshimal_wrapper #header h1 {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 140%;
font-weight: normal;
color: #595857;
}

#medeshimal_wrapper #header ul {
display: flex;
align-items: center;
}

#medeshimal_wrapper #header li {
width: 126px;
margin-left: 10px;
padding: 10px 5px;
box-sizing: border-box;
font-size: 80%;
text-align: center;
background: #595857;
color: #FFFFFF;
}

#medeshimal_wrapper #header li a {
	color: #FFF;
	text-decoration: none;
}

#medeshimal_wrapper #header li:nth-child(2) {
letter-spacing: -1px;
}

#medeshimal_wrapper #header li:nth-child(5),
#medeshimal_wrapper #header li:nth-child(6) {
background: #E4E4E4;
color: #595857;
border: solid 1px #595857;
}

#medeshimal_wrapper #header li:nth-child(5) a,
#medeshimal_wrapper #header li:nth-child(6) a {
color: #595857;
}


#medeshimal_wrapper #mv .mv_img {
position: relative;
}

#medeshimal_wrapper #mv .mv_txt {
text-align: center;
line-height: 160%;
position: absolute;
bottom: 20px;
left: 0%;
width: 100%;

}

#medeshimal_wrapper #mv .mv_txt span {
font-size: 120%;
}

#medeshimal_wrapper #mv .inbox {
padding: 30px 0;
background: #F6F2E9;
text-align: center;
}

#medeshimal_wrapper #mv .inbox .box1 {
width: 724px;
padding: 10px 15px 7px;
background: #595857;
color: #FFFFFF;
font-size: 130%;
font-weight: bold;
box-sizing: border-box;
margin: 0 auto 20px;
}

#medeshimal_wrapper #mv .inbox .box2 {
margin-bottom: 20px;
font-size: 120%;
}

#medeshimal_wrapper #mv .inbox ul {
width: 724px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}

#medeshimal_wrapper #mv .inbox li {
width: 47.3%;
padding: 5px;
background-image: linear-gradient(#C8AA50, #A48833);
color: #FFFFFF;
font-size: 120%;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}

#medeshimal_wrapper #mv .inbox li a {
	color: #FFF;
	text-decoration: none;
}

#medeshimal_wrapper #mv .inbox li p {
padding: 15px;
border: solid 1px #FFFFFF;
box-sizing: border-box;
}

#medeshimal_wrapper .gradation_line {
margin-bottom: 30px;
}

#medeshimal_wrapper .gradation_line img {
width: auto;
height: 6px;
object-fit: cover;
vertical-align: top;
}

#medeshimal_wrapper .title img {
width: auto;
height: auto;
}

#medeshimal_wrapper #block1 {
margin-bottom: 100px;
}

#medeshimal_wrapper #block1 .inner {
width: 90%;
max-width: 1334px;
margin: 0 auto;
}

#medeshimal_wrapper #block1 h2 {
margin-bottom: 60px;
padding: 10px;
color: #FFFFFF;
font-size: 140%;
background: #153158;
text-align: center;
}

#medeshimal_wrapper #block1 .box1 {
margin: 60px 0 0;
}

#medeshimal_wrapper #block1 .box1 p {
margin: 30px 0 60px;
font-size: 160%;
line-height: 160%;
}

#medeshimal_wrapper #block1 .box2 p {
margin-bottom: 20px;
font-size: 140%;
}

#medeshimal_wrapper #block1 .table_box {
display: flex;
align-items: flex-start;
}

#medeshimal_wrapper #block1 table {
width: 50%;
border-top: solid 2px #153158;
border-left: solid 2px #153158;
box-sizing: border-box;
}

#medeshimal_wrapper #block1 table:last-child {
border-left: none;
}

#medeshimal_wrapper #block1 table th {
background: #153158;
color: #FFFFFF;
border-bottom: solid 2px #153158;
border-right: solid 2px #FFFFFF;
box-sizing: border-box;
}

#medeshimal_wrapper #block1 table:last-child th:last-child {
border-right: none;
}

#medeshimal_wrapper #block1 table td {
padding: 15px 10px 10px;
text-align: center;
border-bottom: solid 2px #153158;
border-right: solid 2px #153158;
box-sizing: border-box;
font-weight: bold;
}

#medeshimal_wrapper #block1 table td:first-child {
background: #EED9D2;
font-size: 120%;
}

#medeshimal_wrapper #block1 table td span {
font-size: 200%;
}

#medeshimal_wrapper #block1 table td img {
width: 44px;
height: auto;
}

#medeshimal_wrapper #block1 p.kome {
font-size: 120%;
text-align: right;
margin-top: 15px;
}

#medeshimal_wrapper #block2 {
margin-bottom: 100px;
}

#medeshimal_wrapper #block2 .inner {
width: 90%;
max-width: 1334px;
margin: 0 auto;
position: relative;
}

#medeshimal_wrapper #block2 h2 {
margin-bottom: 60px;
padding: 10px;
color: #FFFFFF;
font-size: 140%;
background: #153158;
text-align: center;
}

#medeshimal_wrapper #block2 .reason_t {
width: 34.55772%;
position: absolute;
}

#medeshimal_wrapper #block2 .box1 {
margin-bottom: 60px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

#medeshimal_wrapper #block2 .box1 .left {
width: 50.52473%;
}

#medeshimal_wrapper #block2 .box1 .left p {
margin-top: 30px;
}

#medeshimal_wrapper #block2 .box1 .right {
width: 44.97751%;
}

#medeshimal_wrapper #block2 .box1 .right p {
margin-top: 30px;
}

#medeshimal_wrapper #block2 .box2 {
margin-bottom: 60px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

#medeshimal_wrapper #block2 .box2 .left {
width: 44.97751%;
}

#medeshimal_wrapper #block2 .box2 .left p {
margin-top: 30px;
}

#medeshimal_wrapper #block2 .box2 .right {
width: 50.52473%;
}

#medeshimal_wrapper #block2 .box2 .right p {
margin-top: 30px;
}

#medeshimal_wrapper #block3 {
margin-bottom: 100px;
}

#medeshimal_wrapper #block3 .inner {
width: 90%;
max-width: 1334px;
margin: 0 auto;
}

#medeshimal_wrapper #block3 h2 {
margin-bottom: 60px;
padding: 10px;
color: #FFFFFF;
font-size: 140%;
background: #153158;
text-align: center;
}

#medeshimal_wrapper #block3 .inbox {
width: 80%;
margin: 60px auto;
display: flex;
justify-content: space-between;
}

#medeshimal_wrapper #block3 .location_t {
width: 22%;
max-width: 221px;
}

#medeshimal_wrapper #block3 .inbox2 {
width: 70%;
}

#medeshimal_wrapper #block3 dl {
display: flex;
margin-bottom: 30px;
}

#medeshimal_wrapper #block3 dt {
width: 165px;
margin-right: 30px;
}

#medeshimal_wrapper #block3 dd {
flex: 1;
}

#medeshimal_wrapper #block3 dd img {
margin-bottom: 20px;
}

#medeshimal_wrapper #block3 .box2 {
text-align: center;
}

#medeshimal_wrapper #block4 {
margin-bottom: 100px;
}

#medeshimal_wrapper #block4 .inner {
width: 90%;
max-width: 1334px;
margin: 0 auto;
}

#medeshimal_wrapper #block4 h2 {
margin-bottom: 60px;
padding: 10px;
color: #FFFFFF;
font-size: 140%;
background: #153158;
text-align: center;
}

#medeshimal_wrapper #block4 .inbox {
padding: 30px 40px;
color: #FFFFFF;
background: #4D8489;
display: flex;
justify-content: space-between;
align-items: center;
}

#medeshimal_wrapper #block4 .inbox .box1 {
}

#medeshimal_wrapper #block4 .inbox .box2 {
padding-left: 40px;
margin-left: 40px;
border-left: solid 1px #FFFFFF;
font-weight: bold;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord {
font-size: 160%;
margin-top: 20px;
display: flex;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord p {
font-size: 60%;
border: solid 1px #FFFFFF;
border-radius: 5px;
padding: 7px 20px;
display: inline-block;
line-height: 100%;
margin-bottom: 30px;
margin-right: 10px;
}

#medeshimal_wrapper #block4 .inbox .box3 {
font-size: 80%;
font-weight: bold;
margin-left: 30px;
}

#medeshimal_wrapper #block4 .inbox .box3 span {
font-size: 180%;
}



.footer{padding-top:32px;width:100%}
.footer__logos{margin-bottom:40px}

@media screen and (max-width:424px)
{
.footer__logos{padding-left:26px;padding-right:26px}
}

@media screen and (min-width:425px)
{
.footer__logos{margin-left:auto;margin-right:auto;max-width:1208px;padding-left:26px;padding-right:26px}
}

@media screen and (min-width:768px)
{
.footer__logos{margin-bottom:56px}
}

.footer__copyright{margin-bottom:60px}

@media screen and (max-width:424px)
{
.footer__copyright{padding-left:26px;padding-right:26px}
}

@media screen and (min-width:425px){
.footer__copyright{margin-left:auto;margin-right:auto;max-width:1208px;padding-left:26px;padding-right:26px}
}

@media screen and (min-width:768px){
.logos{justify-content:center}
}


.logos{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
@media screen and (min-width:768px){
.logos{flex-direction:row;gap:60px}
}
.logos__item:first-child{margin-bottom:24px}
@media screen and (min-width:768px){
.logos__item:first-child{margin:0}
}
.logos__image.haseko{width:212.24px}
.logos__image.hosoda{width:236.17px}


@media screen and (min-width:1000px){
.copyright{display:flex;flex-wrap:wrap;justify-content:center}
}
.copyright__copy{
color:#CCCCCC;font-size:11px;line-height:1;margin:0;padding:24px 0 0;text-align:center;}
@media screen and (min-width:1000px){
.copyright__copy{padding:0}
}
.copyright__copy-icon{font-size:12px;position:relative;top:1px}



.conversion{bottom:0;left:0;position:fixed;z-index:100;background: #FFF;text-align: center;width: 100%;}


.follow-conversion a {text-decoration: none;}
.follow-conversion{background:;bottom:0;padding:8px 0 10px;width:100%;z-index:5}
.follow-conversion__inner{align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr auto;padding:0 8px}
@media screen and (min-width:768px){
.follow-conversion__inner{margin:0 auto;max-width:1000px}
}
.follow-conversion__order{background:#62a760;margin-top:8px;padding:8px}
.conversion-button{flex-grow:1}
@media screen and (max-width:768px){
.conversion-button{max-width:365px;width:100%}
}
.conversion-button__link{align-items:center;background:#834609;box-shadow:2px 2px 0 0 rgba(0,0,0,.9);display:flex;flex-direction:column;line-height:1.3;padding:8px 4px;text-decoration:none}
.conversion-button__link:hover{opacity:.9}
@media screen and (min-width:445px) and (max-width:768px){
.conversion-button__link{padding:16px 4px}
}
@media screen and (min-width:768px){
.conversion-button__link{padding:12px 8px}
}
.conversion-button__text{color:#FFF;flex-grow:1;font-family:Noto sans JP,sans-serif;font-size:clamp(14px,2vw,16px);text-align:center;}
.conversion-button__text br{display:none}
@media screen and (max-width:768px){
.conversion-button__text{font-size:clamp(24px,2vw,30px)}
}

.site-button{flex-grow:1;max-width:85px}
@media screen and (max-width:768px){
.site-button{min-width:190px}
}
.site-button__link{align-items:center;background:#e6dcc7;box-shadow:2px 2px 0 0 rgba(0,0,0,.9);display:flex;flex-direction:column;line-height:1;padding:18px 4px;text-decoration:none}
.site-button__link:hover{opacity:.9}
@media screen and (min-width:768px){
.site-button__link{padding:6px}
}
.site-button__text{color:#834609;flex-grow:1;font-family:Noto sans JP,sans-serif;font-size:16px;line-height:1.2;text-align:center}
@media screen and (max-width:768px){
.site-button__text{font-size:24px}
}
.order-link{display:flex;justify-content:center;text-decoration:none}
.order-link:hover{opacity:.7}
.order-link__text{color:#FFF;font-family:Noto sans JP,sans-serif;font-size:16px}
@media screen and (max-width:768px){
.order-link__text{font-size:28px;padding: 10px 0;}
}







@media screen and (max-width:1260px)
{
#medeshimal_wrapper #header {
padding: 15px 20px;
display: block;
}

#medeshimal_wrapper #header h1 {
font-size: 120%;
margin-bottom: 5px;
}

#medeshimal_wrapper #header li {
width: 15.7%;
margin-left: 1%;
font-size: 70%;
padding: 5px 5px;
}

#medeshimal_wrapper #header li:first-child {
margin-left: 0;
}

#medeshimal_wrapper #block4 .inbox {
padding: 30px 30px;
}

#medeshimal_wrapper #block4 .inbox .box2 {
font-size: 80%;
line-height: 180%;
padding-left: 30px;
margin-left: 30px;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord {
display: block;
text-align: center;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord p {
display: block;
margin-bottom: 15px;
}

#medeshimal_wrapper #block4 .inbox .box3 {
font-size: 80%;
line-height: 180%;
}

#medeshimal_wrapper #block4 .inbox .box3 span {
font-size: 130%;
}

}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
	
.pt{}
.pc{display: none;}
.ps{display: none;}
.tb{display: inline;}
.ts{display: inline;}
.sp{display: none;}

#medeshimal_wrapper #header {
padding: 15px 20px;
display: block;
}

#medeshimal_wrapper #header h1 {
font-size: 120%;
margin-bottom: 5px;
}

#medeshimal_wrapper #header li {
width: 15.7%;
margin-left: 1%;
font-size: 70%;
padding: 5px 5px;
}

#medeshimal_wrapper #header li:first-child {
margin-left: 0;
}

#medeshimal_wrapper #mv .mv_img img {
width: auto;
height: 440px;
object-fit: cover;
}

#medeshimal_wrapper #mv .inbox .box1 {
width: 90%;
}

#medeshimal_wrapper #mv .inbox ul {
width: 90%;
}

#medeshimal_wrapper #block3 .inbox {
width: 100%;
}
}




/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{	

.pt{display: none;}
.pc{display: none;}
.ps{display: inline;}
.tb{display: none;}
.ts{display: inline;}
.sp{display: inline!important;}

html,body{
margin:0;
padding:0;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 128%;
line-height: 185%;
color: #595857;
background-color:#FFFFFF;
-webkit-text-size-adjust: 100%;
}	

#medeshimal_wrapper #header {
padding: 20px 0px;
}

#medeshimal_wrapper #header h1 {
font-size: 120%;
}

#medeshimal_wrapper #header ul {
display: none;
}

#medeshimal_wrapper #mv .mv_img img {
width: 100%;
height: auto;
}

#medeshimal_wrapper #mv .mv_txt {
bottom: 30px;
}

#medeshimal_wrapper #mv .inbox .box1 {
width: 90%;
font-size: 120%;
}

#medeshimal_wrapper #mv .inbox .box2 {
font-size: 100%;
}

#medeshimal_wrapper #mv .inbox ul {
width: 90%;
display: block;
}

#medeshimal_wrapper #mv .inbox li {
width: 100%;
margin-bottom: 10px;
}

#medeshimal_wrapper .gradation_line {
margin-bottom: 10px;
}

#medeshimal_wrapper #block1 {
margin-bottom: 80px;
}

#medeshimal_wrapper #block1 h2 {
margin-bottom: 40px;
}

#medeshimal_wrapper #block1 .box1 {
margin: 40px 0;
}

#medeshimal_wrapper #block1 .box1 p {
margin: 30px 0 40px;
font-size: 120%;
}

#medeshimal_wrapper #block1 .box2 p {
font-size: 130%;
}

#medeshimal_wrapper #block1 .table_box {
display: block;
}

#medeshimal_wrapper #block1 table {
width: 100%;
}

#medeshimal_wrapper #block1 table:last-child {
border-left: solid 2px #153158;
border-top: none;
}

#medeshimal_wrapper #block1 table:first-child th:last-child {
border-right: none;
}

#medeshimal_wrapper #block1 p.kome {
font-size: 110%;
text-align: left;
}

#medeshimal_wrapper #block2 {
margin-bottom: 80px;
}

#medeshimal_wrapper #block2 h2 {
margin-bottom: 40px;
}

#medeshimal_wrapper #block2 .reason_t {
width: 100%;
text-align: center;
margin-bottom: 30px;
position: static;
}

#medeshimal_wrapper #block2 .reason_t img {
width: 260px;
height: auto;
}

#medeshimal_wrapper #block2 .box1 {
margin-bottom: 40px;
display: block;
}

#medeshimal_wrapper #block2 .box1 .left {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}

#medeshimal_wrapper #block2 .box1 .left p {
margin-top: 25px;
}

#medeshimal_wrapper #block2 .box1 .right {
width: 100%;
}

#medeshimal_wrapper #block2 .box1 .right p {
margin-top: 25px;
text-align: left;
}

#medeshimal_wrapper #block2 .box2 {
margin-bottom: 40px;
display: block;
}

#medeshimal_wrapper #block2 .box2 .left {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}

#medeshimal_wrapper #block2 .box2 .left p {
margin-top: 25px;
text-align: left;
}

#medeshimal_wrapper #block2 .box2 .right {
width: 100%;
}

#medeshimal_wrapper #block2 .box2 .right p {
margin-top: 25px;
text-align: left;
}

#medeshimal_wrapper #block3 {
margin-bottom: 80px;
}

#medeshimal_wrapper #block3 h2 {
margin-bottom: 40px;
}

#medeshimal_wrapper #block3 .inbox {
margin: 40px auto;
display: block;
}

#medeshimal_wrapper #block3 .location_t {
width: 260px;
max-width: 260px;
text-align: center;
margin: 0 auto 30px;
}

#medeshimal_wrapper #block3 .inbox2 {
width: 100%;
margin: 0 auto;
}

#medeshimal_wrapper #block3 dl {
display: block;
}

#medeshimal_wrapper #block3 dt {
width: 230px;
margin: 0 auto 30px;
}

#medeshimal_wrapper #block3 dd .title {
text-align: center;
}

#medeshimal_wrapper #block4 {
margin-bottom: 80px;
}

#medeshimal_wrapper #block4 h2 {
margin-bottom: 40px;
}

#medeshimal_wrapper #block4 .inbox {
padding: 40px 20px;
display: block;
text-align: center;
}

#medeshimal_wrapper #block4 .inbox .box2 {
padding-top: 30px;
margin-top: 30px;
margin-bottom: 20px;
padding-left: 0;
margin-left: 0;
border-top: solid 1px #FFFFFF;
border-left: none;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord {
display: block;
text-align: center;
}

#medeshimal_wrapper #block4 .inbox .box2 .chord p {
padding: 7px 20px;
display: block;
margin-bottom: 20px;
}

#medeshimal_wrapper #block4 .inbox .box3 {
margin-left: 0;
line-height: 220%;
}

#medeshimal_wrapper #block4 .inbox .box3 span {
font-size: 170%;
}
	


	
	
	
/*----------------------------------*/
/* overlay-styles.css */
.hamburger-overlay {
  position: fixed;
  top: 18px;
  right: 10px;
  z-index: 1000;
  width: 78px;
  height: 78px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.hamburger-overlay__line {
  position: absolute;
  left: 11px;
  width: 46px;
  height: 5px;
  background-color: #333;
  transition: all .6s;
}

.hamburger-overlay__line:nth-of-type(1) { top: 14px; }
.hamburger-overlay__line:nth-of-type(2) { top: 27px; }
.hamburger-overlay__line:nth-of-type(3) { top: 40px; }

.hamburger-overlay.active .hamburger-overlay__line {
  background-color: #fff;
}

.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {
  transform: translateY(13px) rotate(-45deg);
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
  transform: translateY(-13px) rotate(45deg);
}

.nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.95);
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
  z-index: 900;
}

.nav-overlay.active {
  visibility: visible;
  opacity: 1;
}

.nav-overlay__content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.nav-overlay__list {
  margin: 0;
  padding: 0;
  list-style: none;
	display: block;
}
	#medeshimal_wrapper #header ol {
		margin: 0;
		padding: 0;
	}
	
#medeshimal_wrapper #header li {
width: 80%;
margin-left:auto;
margin-right: auto;
margin-bottom: 20px;
font-size: 70%;
padding: 5px 5px;
box-sizing: border-box;
color: #FFFFFF;
background: none;
	border: #FFF 1px solid;
}
	
	
#medeshimal_wrapper #header li:first-child {
margin-left: auto;
}
	
.nav-overlay__item {
  opacity: 0;
  transform: translateY(20px);
  transition: all .6s;
}

.nav-overlay.active .nav-overlay__item {
  opacity: 1;
  transform: translateY(0);
}

.nav-overlay.active .nav-overlay__item:nth-child(1) { transition-delay: 0.1s; }
.nav-overlay.active .nav-overlay__item:nth-child(2) { transition-delay: 0.2s; }
.nav-overlay.active .nav-overlay__item:nth-child(3) { transition-delay: 0.3s; }
.nav-overlay.active .nav-overlay__item:nth-child(4) { transition-delay: 0.4s; }

.nav-overlay__link {
  display: inline-block;
  padding: 20px;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  transition: color .3s;
}

.nav-overlay__link:hover {
  color: #4a90e2;
}

}