body{background:#bacee0}
section {position:relative;width:100%;}
section.header {height:120px;background:#F4F4F4;display:flex;justify-content:center;align-items:center;gap:0 20px;color:#111111;}
section.header .city{font-size:40px;font-weight:700;}
section.header .exp{font-size:28px;font-weight:600;}

section.body .inner{display:flex;align-items:center;flex-direction:column;}
section.body .inner .ttl_wrapper{padding:80px 0 40px; 0;display:flex;flex-direction:column;align-items:center;gap:20px 0;}
section.body .inner .ttl_wrapper .thead{height:80px;background:#111111;color:#FFFFFF;padding:0 40px;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;}
section.body .inner .ttl_wrapper .comment{font-size:28px;color:#797B7D;font-weight:500;text-align:center;}

section.body .inner .pic_wrapper {}
section.body .inner .pic_wrapper .pic{display:flex;flex-wrap:wrap;width:1500px;gap:20px 20px;}
section.body .inner .pic_wrapper.type02 .pic{justify-content:center;gap:40px 40px;}
section.body .inner .pic_wrapper.type01 .pic .emoticon{width:360px;height:360px;border:2px solid #DEDEDE;box-sizing:border-box;border-radius:20px;overflow:hidden;}
section.body .inner .pic_wrapper.type01 .pic .emoticon img{width:100%;height:100%;object-fit:cover;}

section.body .inner .pic_wrapper.type02 .pic .emoticon{width:600px;height:800px;}
section.body .inner .pic_wrapper.type02 .pic .emoticon img{width:100%;height:100%;object-fit:cover;}

section.footer {height:230px;background:#FFCB08;margin:80px 0 0 0;}
section.footer .inner{height:100%;background:#FFCB08;font-size:16px;color:#353535;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px 0;}

@media (max-width: 720px) {
	section.header {height:120px;gap:0 20px;}
	section.body .inner .ttl_wrapper{padding:80px 0 80px; 0;display:flex;flex-direction:column;align-items:center;gap:20px 0;}

	section.body .inner .pic_wrapper .pic{display:flex;flex-wrap:wrap;width:100%;gap:20px 20px;padding:0 50px;box-sizing:border-box;}
	section.body .inner .pic_wrapper.type01 .pic .emoticon{width:300px;height:300px;}
	section.body .inner .pic_wrapper.type01 .pic .emoticon img{width:100%;height:100%;object-fit:cover;}

	section.body .inner .pic_wrapper.type02 .pic{flex-direction:column;gap:40px 0;}
	section.body .inner .pic_wrapper.type02 .pic .emoticon{height:inherit;}

	section.footer {height:230px;background:#FFCB08;}
	section.footer .inner{height:100%;background:#FFCB08;font-size:16px;color:#353535;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px 0;}
}