header .header_wrap { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem;}
header .header_wrap button { width: 7%;}
header .header_wrap a { width: 11rem;}
header .header_wrap i { font-size:3rem;}
header .header_wrap * img { width: 100%;}

nav.on .menu_bg { background: #0000007a;width: 100%; height: 100%;z-index: 9998; position: fixed; left: 0; top:0;}
nav .menu_wrap { position: fixed; width: 80vw; height: 100vh; background: #fff; padding: 2rem; z-index: 9999;left: -100vw;top: 0;transition: 0.3s;}
nav.on .menu_wrap { left: 0;}
nav .menu_wrap ul { padding-top: 5rem;}
nav .menu_wrap ul li a { display: block; padding: 1.5rem; border-bottom: 1px solid #ddd; font-size: 1.8rem; font-weight: 500;}
nav .menu_wrap .menu_close { position: absolute; right: 2rem; top: 2rem; }
nav .menu_wrap .menu_close img { width:2rem;}


.link_wrap { padding: 0 1.5rem; margin-bottom: 1.5rem; }
.link_wrap a { display: flex; justify-content: space-between; align-items: center;background: #eef6ff; border-radius: .5rem; padding: 1rem 2rem;}
.link_wrap a .left p:nth-child(1) { font-size: 2rem; font-weight: 600; margin-bottom: 1rem;}
.link_wrap a .left p:nth-child(2) { font-size: 1.4rem; color: #2c2c2c;}
.link_wrap a .right { text-align: right;}
.link_wrap a .right img { width: 70%;}


.search_area.on .search_bg {  background: #0000007a;width: 100%; height: 100%;z-index: 9998; position: fixed; left: 0; top:0;}
.search_area .search_wrap { position: fixed; width: 100%; background: #fff; padding: 1rem 1.5rem 2rem; z-index: 9999;left: 0;top: -50vh;transition: 0.3s;}
.search_area.on .search_wrap { top: 0;}
.search_area .search_wrap .top { display: flex; justify-content: space-between; align-items: center; }
.search_area .search_wrap .top .search_close { width: 8%;}
.search_area .search_wrap .top .search_close img { width: 1.5rem;}
.search_area .search_wrap .top .input_wrap { width: 90%;}
.search_area .search_wrap .top .input_wrap input { border: 2px solid #2c2c2c; border-radius: 0.5rem; width: 100%; padding: .7rem 1.5rem; font-size: 1.6rem; background: url(../img/search.png) no-repeat 96% center / 2rem;}
.search_area .search_wrap .bottom { margin-top: 2rem; }
.search_area .search_wrap .bottom p { font-size:2rem; font-weight: 700; margin-bottom: 1.5rem;}
.search_area .search_wrap .bottom a { display: inline-block; font-weight: 500; padding: .5rem 1rem; border-radius: 1.5rem; border: 1px solid #2c2c2c; font-size: 1.6rem; margin-right: 1rem;}

.search_area .search_wrap .search_list li a { font-size: 1.6rem; }

.search_area .search_wrap .search_list { display: none; /* position: absolute; left: 0; z-index: 999;*/ width: 100%; background: #fff;  max-height: 13rem; overflow: scroll;}
.search_area .search_wrap .search_list.on { display: block;margin-top: 2.5rem;}
.search_area .search_wrap .search_list li { border-bottom: 1px solid #e3e3e3;}
.search_area .search_wrap .search_list li a { font-size: 1.6rem; padding: 0.8rem 1.5rem ; display: block; color: #8b8b8b; line-height: 1.2;}
.search_area .search_wrap .search_list li a span { color: #103097; font-size: inherit; font-weight: 600; line-height: 1.2;}