.w100p{width:100%;}
.t_c{text-align:center;}

.inner{width:1280px;margin:0 auto;}
.inner2{width:980px;margin:0 auto;}
	@media all and (max-width: 1280px) { 
		.inner{width:94%;}
	}
	@media all and (max-width: 980px) { 
		.inner2{width:94%;}
	}

.pc_img{display:block !important;}
.mo_img{display:none !important;}
	@media all and (max-width: 720px) { 
		.pc_img{display:none !important;}
		.mo_img{display:block !important;max-width:100%;}
	}

header{background:#fff;}
header .inner{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;}
header .inner nav{display:flex;flex-wrap:nowrap;}
header .inner nav ul{display:flex;flex-wrap:nowrap;}
header .inner nav ul li{}
header .inner nav ul li a{padding:30px;display:block;font-size:2rem;font-weight:600;}
header .inner nav ul li a span{font-size:inherit;}
header .inner nav ul li a:hover span{border-bottom:2px solid #2ffcd8;}
header .inner .sns{display:flex;flex-wrap:nowrap;}
header .inner .sns li{margin-left:30px;}
header .inner .sns li a{font-size:1.6rem;}
header .inner .sns li a img{vertical-align:top;margin-right:3px;}
header .menu_all{position:fixed;left:0;top:0;background:#fff;width:100vw;height:100vh;z-index:10;display:flex;align-items:center;}
header .menu_all.hidden{display:none;}
header .menu_all ul{width:100%;}
header .menu_all ul li {text-align:center;}
header .menu_all ul li a{display:block;font-size:2.2rem;font-weight:600;padding:20px;}
header .menu_all .btn_close{display:inline-block;width:25px;height:25px;position:absolute;right:40px;top:20px;transform:rotate(45deg);}
header .menu_all .btn_close span{display:block;width:25px;height:3px;background:#222;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
header .menu_all .btn_close .bar2{width:3px;height:25px;}
header .menu_all .sns_list a{font-size:1.6rem;font-weight: 400;padding: 20px 0 0 0;}
header .menu_all .sns_list a img{margin-right:3px;}
header #nav_menu{display:none;padding-left:10px;}
header #nav_menu span{font-size:0;width:25px;height:3px;background:#000;display:block;margin-bottom:5px;}
header #nav_menu span:last-child{margin-bottom:0;}
	@media all and (max-width: 1280px) { 
		header .inner nav ul li a{padding:30px 15px;font-size:1.8rem;}
		header .inner .sns li{margin-left:15px;}
		header .inner .sns li a{font-size:1.4rem;}
	}
	@media all and (max-width: 1100px) { 
		header{padding:10px 0;}
		header h1 img{width:80%;}
		header .inner .sns li a{font-size:0;}
		header .inner nav{display:none;}
		
		header #nav_menu{display:block;}
	}

header .inner #search-form{width:50%;}
header .inner .search_bar{width:100%;height:100%;position:absolute;left:0;top:0;background:#fff;display:flex;align-items:center;justify-content:center;}
header .inner .search_bar input[type=text]{width:80%;height:50%;font-size:1.8rem;padding:10px;border:0;border-bottom:1px solid #ddd;}
header .inner .search_bar button{font-weight:600;font-size:2rem;vertical-align: middle;}
header .inner .search_bar .btn_close{display:inline-block;width:50px;height:50px;position:relative;transform:rotate(45deg);margin-left:20px;}
header .inner .search_bar .btn_close span{display:block;width:20px;height:2px;background:#222;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
header .inner .search_bar .btn_close .bar2{width:2px;height:20px;}
header .inner .search_bar.hidden{display:none;}

.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;}
.modal  .modal-content {position:relative;background: #fff;padding: 20px;margin: 100px auto;width: 80%;max-width: 600px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.modal  .modal-content > h2{font-size:2rem;color:#222;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.modal  .modal-content #search-results{max-height:50vh;overflow:scroll;}
.modal  .modal-content #search-results > div{margin-bottom:20px;}
.modal  .modal-content #search-results > div:last-child{margin-bottom:0;}
.modal  .modal-content #search-results h2{font-size:1.6rem;}
.modal  .modal-content #search-results h3{font-size:1.6rem;margin-bottom:5px;color:#222;}
.modal  .modal-content #search-results p{font-size:1.6rem;line-height:1.4;max-height:2.8em;overflow:hidden;}
.modal  .close-btn {position:absolute;right:20px;top:10px;font-size: 4rem;cursor: pointer;color: #333;}
	@media all and (max-width: 1280px) { 
		
	}
	@media all and (max-width: 1100px) { 
		header .inner #search-form{width:100%;}	
		header .inner .search_bar button{font-size:1.8rem;}
	}
.footer{width:100%;border-top:1px solid #222;padding:40px;}
.footer .inner{position:relative;}
.footer .para{width:80%;display:flex;flex-wrap:wrap;margin:40px 0 0 0;}
.footer .para p{flex:0 0 50%;color:#222;font-size:1.6rem;line-height:1.8;}
.footer .para p strong{display:inline-block;font-size:inherit;}
.footer .para p strong:after{content:'';display:block;width:100%;height:3px;background:#2ffcd8;margin-top: -10px;}
.footer .para p.copy{flex:0 0 100%;font-size:1.4rem;color:#999;margin:20px 0 0 0;}
.footer .f_sns{display:flex;position:absolute;right:0;top:0;}
.footer .f_sns li{margin-left:20px;}
.footer .f_sns li a{background: #eaeaea;display: block;border-radius: 1000px;}
.footer .f_sns li a:hover{background:#2ffcd8;}
	@media all and (max-width: 1280px) { 
		.footer .para{width:100%;}
	}
	@media all and (max-width: 1100px) { 
		.footer{padding:20px 2%;}
		.footer .para{margin:20px 0 0 0;}
		.footer .para p{flex:0 0 100%;}

	}
	@media all and (max-width: 640px) { 
		.footer .f_sns{position:relative;margin:20px 0 0 0;}
		.footer .f_sns li{margin:0 20px 0 0;}		
		.footer .f_logo{width:50%;}
		.footer .para p{font-size:1.4rem;}
		.footer .para p.copy{font-size:1.2rem;}
		.footer .f_sns li a img{width:40px;}
	}